webpack編譯報錯Cannot find module '@babel/core�

DandJ 發布于2019-08-23 12:43 / 3652人閱讀

摘要：編譯報錯用了這個指令后報錯嘗試重新下載了還是不行原來是被我更新了不支持原來的配置了，官方默認對應的版本需要一致即需要搭配最新版本兩種解決方案回退低版本更新到最高版本編譯無法識別語法需要安裝之后

webpack編譯報錯Cannot find module "@babel/core"

**
~ npm install babel-core babel-loader --save-dev 用了這個指令后webpack報錯
嘗試重新下載了babel-core babel-loader 還是不行

Cannot find module "@babel/core" babel-loader@8 requires Babel 7.x (the package "@babel/core"). If you"d like to use Babel 6.x ("babel-core"), you should install "babel-loader@7".

原來是babel-loader被我更新了babel-loader@8不支持原來的配置了，官方默認babel-loader | babel 對應的版本需要一致: 即babel-loader需要搭配最新版本babel
兩種解決方案:

回退低版本
npm install -D babel-loader@7 babel-core babel-preset-env

更新到最高版本:
npm install -D babel-loader @babel/core @babel/preset-env webpack

webpack編譯無法識別...es6語法

需要安裝babel-polyfill
npm install babel-polyfill 之后還是報錯

app.js入口文件頭部 import "babel-polyfill" 也不行；
在webpack.config.js中配置：

也還是報錯cant resolve;
需要安裝babel-preset-stage-0
總結：
npm install babel-polyfill --save-dev;
npm install babel-preset-stage-0 --save-dev;
在webpack配置文件中，入口設置babel-polyfill：如，entry: ["babel-polyfill", "app.js"];
在配置中加stage-0,如下圖：

云服務器 GPU云服務器 java 編譯報錯 webrtc中vad編譯報錯 vs編譯c語言報錯 hbase 0.98 編譯

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/98965.html

提高代碼質量——使用Jest和Sinon給已有的代碼添加單元測試

摘要：現在，我們可以使用單元測試來提高自己的代碼質量。它在單元測試的編寫中通常用來模擬等相關請求。通過這篇文章，你應該學會了如何針對已有代碼從零開始編寫一套完整的單元測試用例。概述在日常的功能開發中，我們的代碼測試都依賴于自己或者QA進行測試。這些操作不僅費時費力，而且還依賴開發者自身的驅動。在開發一些第三方依賴的庫時，我們也沒有辦法給第三方提供完整的代碼質量報告。現在，我們可以使用單...

voyagelab 2019-08-22 16:28 評論0 收藏0
WebPack2配置我的Vue開發環境

摘要：包中導出的默認是運行時構建。當然，我們期待的是只修改代碼，不用重新運行命令，甚至不需要刷新瀏覽器即看到代碼的改動效果，這時候需要新的插件來配置實現的熱重載。首先已經全局安裝了node/vue/webpack; 新建文件夾demo4并初始化 cd demo4 npm init -y 這是頁面會生成一個package.json文件。安裝webpack及相關插件 npm install ...

Sike 2019-08-21 11:39 評論0 收藏0
從0開始配置webpack和搭建一個React項目

摘要：先來說說搭建官方文檔上也有提供直接下載包，但是修改配置比較麻煩修改配置需要執行自行搭建一個項目并且配置主要記錄學習階段總結的可能不太好，勉強看看，重點記錄一下第二種的方式通過管理包下載官網鏈接安裝步驟都有的在項目目錄下，執行會出先來說說react搭建： 1 官方文檔上也有提供直接下載react包，但是修改webpack配置比較麻煩 npx create-react-app my-...

davidac 2019-08-23 17:00 評論0 收藏0
使用 webpack 4 和 Babel 7 構建 React 應用及如何引入 Material D

摘要：建立項目首先，創建工程目錄現在我們已經創建了我們要開發應用程序的文件夾，接著需要添加一個文件。這里為了版本的一致性，我把里的版本號前面刪除了。為此，需要創建一個名為的文件，用來配置。 showImg(https://segmentfault.com/img/bVboiHi?w=1000&h=625); 想閱讀更多優質文章請猛戳GitHub博客,一年百來篇優質文章等著你！在過去的一年和...

asoren 2019-08-23 15:17 評論0 收藏0
2020年如何寫一個現代的JavaScript庫

摘要：我寫過一些開源項目，在開源方面有一些經驗，最近開到了阮老師的微博，深有感觸，現在一個開源項目涉及的東西確實挺多的，特別是對于新手來說非常不友好最近我寫了一個，旨在從多方面快速幫大家搭建一個標準的庫，本文將已為例，介紹寫一個開源庫的知識我寫過一些開源項目，在開源方面有一些經驗，最近開到了阮老師的微博，深有感觸，現在一個開源項目涉及的東西確實挺多的，特別是對于新手來說非常不友好 show...

joyqi 2019-08-23 12:14 評論0 收藏0