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版本以保持兼容性。
摘要由CSDN通过智能技术生成

具体报错如下:

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uncaught error: cannot find module '@/static/images/jf_ico.png' at app-view是一个未捕获的错误。该错误表示在文件app-view中无法找到模块'@/static/images/jf_ico.png'。 这个错误通常发生在使用Vue.js或其他前端框架,由于路径配置或文件位置的问题导致无法找到所需的图像文件。在这种情况下,需要检查以下几个方面来解决这个问题: 1. 检查文件路径:确认文件'@/static/images/jf_ico.png'的实际位置是否与代码中的路径相匹配。路径可能会有拼写错误或者缺少某些目录,导致无法正确找到文件。 2. 检查文件存在性:确认图像文件'@/static/images/jf_ico.png'是否真的存在于指定的路径。如果文件不存在或者被误删,就会导致这个错误。 3. 检查文件引用方式:确保在代码中正确引用了图像文件。例如,在Vue组件中使用img标签并设置src属性来引用图像文件。确保引用路径正确,以便正确地加载图像。 4. 检查配置文件:如果使用了一些额外的配置文件,如webpack或其他构建工具的配置文件,需要确认相关的路径配置是否正确。有,文件路径可能是通过配置文件进行管理的,错误的配置可能导致无法正确找到文件。 总之,解决这个错误的方法是先检查文件路径、存在性、引用方式以及配置文件中的路径配置。通过确认这些细节,可以找到并解决导致无法找到图像文件的问题,从而解决uncaught error: cannot find module '@/static/images/jf_ico.png' at app-view的错误。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值