webpack中配置babel时遇到的问题

1.Error: Cannot find module '@babel/core' babel-loader@8 requires Babel 7.x (the package '@babel/core'). If you'd like to use Babel 6.x ('babel-core'), you should install 'babel-loader@7'.

npm install -D babel-loader @babel/core @babel/preset-env webpack

2.提示错误信息：

源文本中存在无法识别的标记。
所在位置 行:1 字符: 29

• npm install -D babel-loader <<<< @babel/core @babel/preset-env webpack
  • CategoryInfo : ParserError: (😃 [], ParentContainsErrorRecordException
  • FullyQualifiedErrorId : UnrecognizedToken

在cmd命令窗口输入

npm install -D babel-loader @babel/core @babel/preset-env webpack

可正常运行

babel-loader：官网地址
参考资料：https://www.cnblogs.com/soyxiaobi/p/9554565.html

3.本以为都解决了，但是运行 npm run dev 又提示以下错误信息
syntax 'classProperties' isn't currently enabled

解决办法：
安装插件

npm i -D @babel/plugin-proposal-class-properties

在babelrc中配置插件：

options: {
        plugins: ['@babel/plugin-proposal-class-properties']
         }
       },

参考资料：https://www.cnblogs.com/52tech/p/9942170.html

参考别人的解决办法：
Day 6_06 P108 Babel 安装可能会报错 babel-loader和babel-core版本不对应
babel-loader 8.x对应babel-core 7.x
babel-loader 7.x对应babel-core 6.x
如果安装的是babel-loader 8.x 请卸载旧的babel-core、babel-plugin
npm un babel-core
npm un babel-plugin-transform-runtime

安装
npm i -D @babel/core
npm install --save-dev @babel/plugin-transform-runtime
npm install --save @babel/runtime

如果第二套包也安装了 同样先卸载
npm un babel-preset-env
npm un babel-preset-stage-0

安装新的
npm i @babel/preset-env
npm i babel-preset-mobx然后修改。babelrc文件
{
"presets": ["@babel/preset-env", "mobx"],
"plugins": [
"@babel/plugin-transform-runtime"
]
}