Javascript 使用mobx编译网页包时抛出错误

我使用webpack作为模块绑定器和babel进行传输。 我当前的npm版本是3.10.9，节点版本是v6.9.2

Package.json

“开发依赖性”：{
“axios”：“^0.17.0”，
“babel eslint”：“^8.0.1”，
“巴别塔polyfill”：“^6.26.0”，
“巴别塔预设环境”：“^1.6.1”，
“babel-preset-es2015-rollup”：“^3.0.0”，
“巴别塔预设mobx”：“^1.0.2”，
“巴别塔预设反应”：“^6.11.1”，
“巴别塔寄存器”：“^6.26.0”，
“巴别塔核心”：“^6.9.1”，
“巴别塔加载器”：“^7.1.2”，
“巴别塔插件转换装饰器传统”：“^1.3.4”，
“babel-preset-es2015”：“^6.9.0”，
“babel-preset-stage-1”：“^6.5.0”，
“清理网页包插件”：“^0.1.17”，
“压缩”：“^1.6.1”，
“cors”：“^2.8.4”，
“交叉环境”：“^5.0.5”，
“css加载器”：“^0.23.1”，
“csslint”：“^1.0.5”，
“csslint加载程序”：“^1.0.0”，
“eslint”：“^4.10.0”，
“eslint加载程序”：“^1.9.0”，
“eslint插件反应”：“^7.4.0”，
“快车”：“^4.9.8”，
“快速https重定向”：“^1.0.0”，
“快速清单”：“^0.1.1”，
“提取文本网页包插件”：“^3.0.1”，
“文件加载器”：“^1.1.5”，
“html加载程序”：“^0.5.5”，
“html网页包插件”：“^2.30.1”，
“http2”：“^3.3.7”，
“https”：“^1.0.0”，
“图像网页包加载器”：“^3.4.2”，
“茉莉花芯”：“^2.8.0”，
“json加载程序”：“^0.5.4”，
“因果报应”：“^1.7.1”，
“karma chrome启动器”：“^2.2.0”，
“因果报应茉莉”：“^1.1.1”，
“因果报应网页”：“^2.0.9”，
“更少”：“^3.0.0-alpha.3”，
“较少加载程序”：“^4.0.5”，
“时刻”：“^2.19.2”，
“节点sass”：“^4.5.3”，
“邮政编码”：“^6.0.13”，
“postcss css变量”：“^0.8.0”，
“PostSS cssnext”：“^3.0.2”，
“postcss导入”：“^11.0.0”，
“邮政编码加载器”：“^2.0.6”，
“postcss混合”：“^6.1.1”，
“邮政编码嵌套”：“^2.1.2”，
“邮政编码从开始到结束”：“^1.0.1”，
“道具类型”：“^15.6.0”，
“反应”：“^16.2.0”，
“反应文档生成器”：“^1.2.5”，
“react docgen plugin”：“^0.1.1”，
“react dom”：“^16.2.0”，
“反应惰性负载”：“^3.0.13”，
“react redux”：“^5.0.6”，
“反应响应转盘”：“^3.1.28”，
“redux”：“^3.7.2”，
“汇总插件巴别塔”：“^3.0.3”，
“汇总插件commonjs”：“^9.0.0”，
“汇总插件节点解析”：“^3.0.3”，
“汇总插件POSTSS”：“^1.3.3”，
“汇总插件替换”：“^2.0.0”，
“sass加载程序”：“^4.1.1”，
“样式加载器”：“^0.19.0”，
“stylelint”：“^8.2.0”，
“sw precache网页包插件”：“^0.11.4”，
“url加载器”：“^0.6.2”，
“webfonts加载器”：“^4.0.0”，
“网页包”：“^3.6.0”，
“网页包开发服务器”：“^2.9.1”，
“网页包合并”：“^4.1.1”，
“网页包节点外部”：“^1.6.0”，
“workbox网页包插件”：“^2.1.2”，
包装器网页包插件“^1.0.0”
},
“依赖项”：{
“expres”：“0.0.5”，
“express”：“^4.14.0”，
“快速缩小html”：“^0.11.5”，
“html缩略器”：“^3.5.6”，
“翡翠”：“^1.11.0”，
“mobx”：“^3.0.0”，
“mobx反应”：“^4.1.0”，
“pa11y ci”：“^1.3.1”，
“redux承诺”：“^0.5.3”，
stylelint网页包插件“^0.10.2”
},
“巴别塔”：{
“插件”：[
“transform-es2015-modules-commonjs”
]
}，

当我编译时，我得到了以下问题

使用默认导出（

从“mobx”导入mobx

）已被弃用，并且无法在中工作mobx@4.0.0 将

import*用作“mobx”中的mobx

D:\mgm\dmp\fe react\node\u modules\babel core\lib\transformation\file\logger.js:41 抛出新构造函数（this.\u buildMessage（msg））； ^

ReferenceError:[BABEL]D:\mgm\dmp\fe react\webpack.config.BABEL.js:未知选项：base.Reaction。有关选项的更多信息，请查看

此错误的常见原因是存在没有相应预设名称的配置选项对象。例如：

无效：

{预设：[{option:value}]}

有效期：

{presets:[['presetName'，{option:value}]}

有关预设配置的更多详细信息，请参阅。 at Logger.error（D:\mgm\dmp\fe react\node\u modules\babel core\lib\transformation\file\Logger.js:41:11） 在OptionManager.mergeOptions（D:\mgm\dmp\fe react\node\u modules\babel core\lib\transformation\file\options\option manager.js:226:20） 在OptionManager.init（D:\mgm\dmp\fe react\node\u modules\babel core\lib\transformation\file\options\option manager.js:368:12） 在File.initOptions（D:\mgm\dmp\fe react\node\u modules\babel core\lib\transformation\File\index.js:212:65） 在新文件中（D:\mgm\dmp\fe react\node\u modules\babel core\lib\transformation\File\index.js:135:24） 在Pipeline.transform（D:\mgm\dmp\fe react\node\u modules\babel core\lib\transformation\Pipeline.js:46:16） 在Object.transformFileSync（D:\mgm\dmp\fe react\node\u modules\babel core\lib\api\node.js:152:10） 编译时（D:\mgm\dmp\fe react\node\u modules\babel register\lib\node.js:118:20） 在加载程序（D:\mgm\dmp\fe react\node\u modules\babel register\lib\node.js:144:14） at Object.require.extensions.（匿名函数）[as.js]（D:\mgm\dmp\fe react\node\u modules\babel register\lib\node.js:154:7）

---

请提供帮助。

首先，从

.babelrc

中删除mobx预设

{
  "presets": ["mobx"]
}

然后

npmi--保存dev babel plugin transform decorators legacy

并在下面添加

.babelrc

配置

{
  "presets": ["react", "env", "stage-2"],
  "plugins": [
    "transform-decorators-legacy", // must on the top of plugins array.
    ... ...
  ]
}

---

最后，您必须删除GitHub上0开始的

babel预设mobx

，我认为它不稳定。

。。。您是否遵循了错误中的明确说明？@JaromandaX是的，但没有帮助。那么，您在

D:\mgm\dmp\fe react\webpack.config.babel.js

中更改了什么？注意：第一个“错误”只是一个警告（目前）-问题是

未知选项：base.Reaction

webpack config。{test:/.js？$/，exclude:/node_modules/，use:[{loader:“babel loader”，选项：{presets:[['env'，{modules:false，