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 了。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM