Module build failed: Error: Cannot find module '@babel/core'

先贴上错误

Module build failed: Error: 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'.
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:571:15)
    at Function.Module._load (internal/modules/cjs/loader.js:497:25)
    at Module.require (internal/modules/cjs/loader.js:626:17)
    at require (internal/modules/cjs/helpers.js:20:18)
    at Object.<anonymous> (F:\project\react-todos\node_modules\babel-loader\lib\index.js:10:11)
    at Module._compile (internal/modules/cjs/loader.js:678:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:689:10)
    at Module.load (internal/modules/cjs/loader.js:589:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:528:12)
    at Function.Module._load (internal/modules/cjs/loader.js:520:3)
    at Module.require (internal/modules/cjs/loader.js:626:17)
    at require (internal/modules/cjs/helpers.js:20:18)
    at loadLoader (F:\project\react-todos\node_modules\loader-runner\lib\loadLoader.js:18:17)
    at iteratePitchingLoaders (F:\project\react-todos\node_modules\loader-runner\lib\LoaderRunner.js:169:2)
    at runLoaders (F:\project\react-todos\node_modules\loader-runner\lib\LoaderRunner.js:365:2)
    at NormalModule.doBuild (F:\project\react-todos\node_modules\webpack\lib\NormalModule.js:182:3)
 @ multi (webpack)-dev-server/client?http://localhost:8080 ./src/index.jsx

解决方法

其实在错误中已经有了提示

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 对应的版本需要一致: 即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]

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值