在項目中運行的時候出現報錯,錯誤為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 了。