Plugin/Preset files are not allowed to export objects,webpack报错/babel报错的解决方法

简介: 1、为什么会报错 ?   这里抱着错误是因为 babel 的版本冲突。   多是因为你的 babel 依赖包不兼容。     可以查看你的 package.json 的依赖列表   即有 babel 7.

 

1、为什么会报错 ?

  这里抱着错误是因为 babel 的版本冲突。

  多是因为你的 babel 依赖包不兼容。

 

  可以查看你的 package.json 的依赖列表

  即有 babel 7.0 版本的( @babel/core , @babel/preset-react )

  也可命令查看 bebel-cli 的版本 ( babel -V )

  也有 babel 6.0 版本的 ( babel-core@6.26.0 , babel-cli@6.26.0 , babel-preset-react@6.24.1 )

  

  如果在你的 package.json 依赖包中既有 babel 7.0 版本,又有 babel 6.0 版本,就会报这个错误

  很现实就是两个版本是不兼容的

 

 

2、处理方法

 

  1、升级到 babel 7.0

  

  将所有有关 babel 的包都升级为 7.0 版本

"@babel/core": "^7.0.0-beta.40",
"@babel/cli": "^7.0.0-beta.40",
"babel-loader": "^8.0.0-beta.0",
"babel-plugin-lodash": "^3.3.2",
"babel-plugin-react-transform": "^3.0.0",
"@babel/preset-react": "^7.0.0-beta.40",
"@babel/preset-stage-0":'^7.0.0'

  

  并且修改 .babelrc 文件

  对应的修改  presets 预设和 plugins 都改为 7.0 形式。

   query: {
      presets: ['@babel/react', '@babel/stage-0'],
      plugins: ['']
    }

  

 

  2、降级到 babel 6.0 版本

  

  有时候我们看们的 package.json 里面都是 babel 6.0 版本的。

  如下:

  

    "babel-core": "^6.26.0",
    "babel-loader": "^7.1.2",
    "babel-plugin-transform-runtime": "^6.23.0",
    "babel-preset-env": "^1.6.1",
    "babel-preset-stage-0": "^6.24.1",

  但是还是报错,为什么呢?

 

  你不妨把 node_modules 删掉,重新 install ,这样就可以处理一部分兼容问题

 

  如果上面的方法还是不行。

  你可以查看一下 babel-cli 的版本

babel -V

  如果是 babel-cli 7.0 版本。

  

  那你就重新安装全局和本地的 babel-cli 版本为 6.0

 

npm install -g babel-cli@6.26.0

yarn add babel-cli@6.26.0

  

  

  基本上面两个方法可以解决所有兼容问题。

  


  https://www.cnblogs.com/jiebba/p/9618930.html 

   我的博客 :  XiaoLong's Blog

   博客园小结巴巴: https://www.cnblogs.com/jiebba

 

相关文章
|
7月前
|
JavaScript
Webpack Babel (编译ES6/7)
Webpack Babel (编译ES6/7)
56 0
|
4月前
webpack 使用打包报错 ERROR in node_modules\@types\node\ts4.8\assert.d.ts
webpack 使用打包报错 ERROR in node_modules\@types\node\ts4.8\assert.d.ts
115 0
|
3月前
|
编解码 资源调度 前端开发
Webpack+Babel手把手带你搭建开发环境(内附配置文件)
Webpack+Babel手把手带你搭建开发环境(内附配置文件)
21 0
|
4月前
|
编解码 JavaScript 前端开发
Node.JS学习 | Babel | webpack | ES6
Node.JS学习 | Babel | webpack | ES6
47 0
|
9月前
|
编解码 资源调度 前端开发
Webpack+Babel手把手带你搭建开发环境(内附配置文件)
Webpack+Babel手把手带你搭建开发环境(内附配置文件)
96 0
|
11月前
|
JSON JavaScript 前端开发
webpack打包报错怎么办? 往死里问ChatGPT
总结: 怎么问问题 向ChatGPT解释问题的背景 提交报错信息 提交webpack.config.js文件 照着GPT的方案去执行 然后反馈新的信息给GPT 这个基本也是AutoGPT的思路, 只是AutoGPT是自动化的
175 0
使用antd-theme-webpack-plugin报错Error LessError: Cannot find module ‘antd/lib/style/themes/default.less
使用antd-theme-webpack-plugin报错Error LessError: Cannot find module ‘antd/lib/style/themes/default.less
887 0
使用antd-theme-webpack-plugin报错Error LessError: Cannot find module ‘antd/lib/style/themes/default.less
|
JavaScript 前端开发
【Vue 开发实战】实战篇 # 28:如何自定义Webpack和Babel配置
【Vue 开发实战】实战篇 # 28:如何自定义Webpack和Babel配置
154 0
【Vue 开发实战】实战篇 # 28:如何自定义Webpack和Babel配置
|
JavaScript 前端开发 编译器
使用Vue Loader 结合webpack自己创建vue脚手架 解决template报错render函数
使用Vue Loader 结合webpack自己创建vue脚手架 解决template报错render函数
154 0
使用Vue Loader 结合webpack自己创建vue脚手架 解决template报错render函数
|
JavaScript
webpack Babel 浏览器兼容性
webpack Babel 浏览器兼容性
200 0
webpack Babel 浏览器兼容性