babel版本兼容报错处理：Plugin/Preset files are not allowed to export objects

今天运行webpack时报了一个:Plugin/Preset files are not allowed to export objects 翻译过来就是 :(插件/预设文件不允许导出对象)

 具体错误就是下面:

百度了一番 才知道 是因为 babel 的版本冲突  core的版本是6.x 要求loader的版本为7.x。目前core的最新版本是6.x，而最新的loader已经更新到了8.x,所以在安装loader的时候要指定一下版本号

 

下面是官方文档说明版本对应要求:

//这段是官方文档中的，应该是对版本之间的一些要求吧。

webpack 4.x | babel-loader 8.x | babel 7.x

如果 你配置里的babel-loader 8.x版本的话你对应的babel 就为 7.x

运行下面这句:

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

webpack 4.x | babel-loader 7.x | babel 6.x

如果 你配置里的babel-loader 7.x版本的话你对应的babel 就为 6.x

运行下面这句:

npm install babel-loader@7 babel-core babel-preset-env webpack

 

然后 我做了个降级  babel-loader@8.0.x 的版本改为了7 就好了

附上我改过的配置:

 

 

最后就是如果你也遇到这样的问题 祝你好运 ! 

多去试试 不要看到后 觉得 怎么办 不会 然后就不知道咋整了  去试啊 开始我也不是很懂  试成功了 才知道如何去用