webpack編譯報(bào)錯(cuò)Cannot find module '@babel/core�

DandJ 發(fā)布于2019-08-23 12:43 / 3702人閱讀

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

webpack編譯報(bào)錯(cuò)Cannot find module "@babel/core"

**
~ npm install babel-core babel-loader --save-dev 用了這個(gè)指令后webpack報(bào)錯(cuò)
嘗試重新下載了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不支持原來的配置了，官方默認(rèn)babel-loader | babel 對應(yīng)的版本需要一致: 即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編譯無法識(shí)別...es6語法

需要安裝babel-polyfill
npm install babel-polyfill 之后還是報(bào)錯(cuò)

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

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

GPU云服務(wù)器云服務(wù)器 java 編譯報(bào)錯(cuò) webrtc中vad編譯報(bào)錯(cuò) vs編譯c語言報(bào)錯(cuò) hbase 0.98 編譯

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/98965.html

相關(guān)文章

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

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

voyagelab 2019-08-22 16:28 評(píng)論0 收藏0
WebPack2配置我的Vue開發(fā)環(huán)境

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

Sike 2019-08-21 11:39 評(píng)論0 收藏0
從0開始配置webpack和搭建一個(gè)React項(xiàng)目

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

davidac 2019-08-23 17:00 評(píng)論0 收藏0
使用 webpack 4 和 Babel 7 構(gòu)建 React 應(yīng)用及如何引入 Material D

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

asoren 2019-08-23 15:17 評(píng)論0 收藏0
2020年如何寫一個(gè)現(xiàn)代的JavaScript庫

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

joyqi 2019-08-23 12:14 評(píng)論0 收藏0