webpack命令：Module build failed(from ./node_modules/babel-loader/lib/index.js)/405/错误解决

在项目中运行的时候出现报错，错误为Module build failed (from ./node_modules/babel-loader/lib/index.js)

解决方案：

控制台输入  npm install @babel/core @babel/preset-env 命令

即可解决

以上内容转摘自：https://www.cnblogs.com/xxflz/  尼古拉斯-富贵

以下内容为自己使用心得：

在使用webpack打包时，编译器报错 【babel 405错误】，按照webpack的提示，重新install了babel等一系列工具，还是不行，最后在上述帖子中找到了解决的办法，上述内容不仅解决提到的问题，还可以解决babel： error 405 之类的错误，究其原因，是转换工具babel的问题，babel可以把我们的ES5转ES6，也可以ES6转ES5，很多转换，很烦杂

babel-preset-env 是一个新的 preset，可以根据配置的目标运行环境（environment）自动启用需要的 babel 插件。

目前我们写 javascript 代码时，需要使用 N 个 preset，比如：babel-preset-es2015、babel-preset-es2016。es2015 可以把 ES6 代码编译为 ES5，es2016 可以把 ES2016 代码编译为 ES6。babel-preset-latest 可以编译 stage 4 进度的 ECMAScript 代码。

问题是我们几乎每个项目中都使用了非常多的 preset，包括不必要的。例如很多浏览器支持 ES6 的 generator，如果我们使用 babel-preset-es2015 的话，generator 函数就会被编译成 ES5 代码。

babel-preset-env 的工作方式类似 babel-preset-latest，唯一不同的就是 babel-preset-env 会根据配置的 env 只编译那些还不支持的特性。

使用这个插件，你讲再也不需要使用 es20xx presets 了。

 

转载于:https://www.cnblogs.com/fanghl/p/11356713.html