webpack编译时出现报错Error: Cannot find module '@babel/core'

在尝试编译时遇到了'Error: Cannot find module '@babel/core''的问题,原因是babel-loader升级到8.x后不再支持Babel 6.x。解决方案包括回退到babel-loader 7.x和安装对应的Babel 6.x,或者更新所有相关组件到最新的Babel 7.x版本以保持兼容性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

具体报错如下:

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’.

在git bush中使用该命令下载两个开发依赖项:npm install babel-core babel-loader -D
此时在 package.json 中可见 “devDependencies” 下两个依赖项的版本分别为 @6.26.3 和 @8.0.0

“babel-core”: “^6.26.3”,
“babel-loader”: “^8.0.0”,

编译错误原因:

由于babel-loader被更新到版本8之后,就不支持原来的配置了。
官方默认babel-loader | babel 对应的版本需要一致: 即babel-loader需要搭配最新版本babel
即需要如下对应:(来自官方:babel-loader)

webpack 4.x | babel-loader 8.x | babel 7.x

npm install babel-loader @babel/core @babel/preset-env webpack

webpack 4.x | babel-loader 7.x | babel 6.x

npm install babel-loader@7 babel-core babel-preset-env webpack

解决方案:

回退低版本
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、付费专栏及课程。

余额充值