webpack使用babel-loader打包时报错Module build failed (from ./node_modules/babel-loader/lib/index.js):

一顿百度之后得出结论,babel的版本冲突。

我用的是webpack 4.x,直接卸载之前装的babel

webpack使用babel-loader打包时报错Module build failed (from ./node_modules/babel-loader/lib/index.js):

 然后再装最新的babel

webpack使用babel-loader打包时报错Module build failed (from ./node_modules/babel-loader/lib/index.js):

package.json中可以看到新的依赖

webpack使用babel-loader打包时报错Module build failed (from ./node_modules/babel-loader/lib/index.js):

在根目录下新建一个.babelrc文件

webpack使用babel-loader打包时报错Module build failed (from ./node_modules/babel-loader/lib/index.js):

webpack.config.js中这样写

webpack使用babel-loader打包时报错Module build failed (from ./node_modules/babel-loader/lib/index.js):

npm run build 后打开打包后的js文件,搜索一下ES6的语法 const可以看到没有。

webpack使用babel-loader打包时报错Module build failed (from ./node_modules/babel-loader/lib/index.js):