Error: Cannot find module '@babel/core'

最新推荐文章于 2023-08-06 18:02:25 发布
原创 最新推荐文章于 2023-08-06 18:02:25 发布 · 1.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#webpack #babel-loader

本文解决了一个在使用webpack打包过程中遇到的“Error:Cannotfindmodule'@babel/core'”错误。通过调整babel-loader版本至@7.1.5，成功解决了打包问题。文中详细列出了相关依赖版本及webpack配置。

在配置webpack打包的时候,出现Error: Cannot find module '@babel/core'错误，控制台打印如下图：

网上查找原因发现是babel-loader版本原因所致，参照网上方法，将babel-loader安装回@7.1.5版本，重新打包，打包成功；

相关依赖版本如下：

webpack中rules配置如下：

 

参考地址：https://www.cnblogs.com/soyxiaobi/p/9554565.html

webpack.config.js配置遇到Error: Cannot find module ‘@babel/core‘问题
shengyin714959的博客
06-28 1873
在配置webpack.config.js自动打包的时候,出现Error: Cannot find module '@babel/core'错误 最初以为是babel-core没有安装上。重装了好几遍babel-core还是不行。对照以前的项目,发现babel-loader的版本不一样,之前的是@7.1.5版本,而现在是@8.0.0版本。带着半信半疑的心情安装回@7.1.5版本 再发现成功了！ 有点纳闷,距离上次安装不过才几天,就更新成babel-loader@8.0.0。而且还不支持原来的配置了。网上没
Error: Cannot find module ‘@vue/babel-preset-app‘ from ‘C:\Users\Administrator\WebstormProjects\memo
郭宝的博客
01-07 9147
背景： Module build failed (from ./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js): Error: Cannot find module '@vue/babel-preset-app' from 'C:\Users\Administrator\WebstormProjects\memorial' at Function.resolveSync as sync ..
webpack.config.js配置遇到Error: Cannot find module '@babel/core'&&Cannot find module '@babel/plugin-tran...
weixin_30323961的博客
08-29 943
一、 问题描述 在配置webpack.config.js自动打包的时候,出现Error: Cannot find module '@babel/core'错误 最初以为是babel-core没有安装上。重装了好几遍babel-core还是不行。对照以前的项目,发现babel-loader的版本不一样,之前的是@7.1.5版本,而现在是@8.0.0版本。 二、 解决方法 带着半信半疑的心情安装回@...
Webpack+babel 报错: Error:Cannot find module ‘@babel/core 解决办法
成长之路
03-21 2943
一. 问题背景 通过cmd命令添加babel cnpm install --save-dev babel cnpm install --save-dev babel-loader cnpm install --save-dev babel-core cnpm install --save-dev babel-plugin-transform-runtime cnpm install --save-dev babel-preset-es2015 cnpm install --save-dev babel-ru
JavaScript高级语法打包 - babel插件安装配置报错！Error: Cannot find module ‘@babel/preset-preset.env‘
←か淡定☆ ヾ 的博客
12-12 9478
目录1. 插件安装和配置2. 运行打包 - 报错信息3. 解决办法 1. 插件安装和配置 安装babel转换器相关的包： npm i babel-loader @babel/core @babel/runtime -D 安装babel语法插件相关的包： npm i @babel/preset-env @babel/plugin-transform-runtime @babel/plugin-proposal-class-properties –D 在项目根目录中，创建 babel 配置
Error: Cannot find module '@babel/preset-env'
最新发布
07-12
我们正在解决错误：`Error: Cannot find module '@babel/preset-env'` 这个错误通常是由于缺少`@babel/preset-env`包或者配置不正确导致的。根据引用[1]和引用[2]中关于Babel的内容，我们可以采取以下步骤： 步骤...
Error: Cannot find module ‘@babel/core‘
cen的博客
01-23 869
解决方法：在全局上安装@babel/core npm install @babel/core -g
Error: Cannot find module ‘@babel/core’处理
weixin_42202992的博客
08-06 4671
Error: Cannot find module '@babel/core’问题处理
babel升级,踩坑!Error: Cannot find module '@babel/core'
热门推荐
兔子零
04-07 3万+
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 Functi...
Error: Cannot find module '@babel/core' webpack run dev
黑夜人的博客
01-06 675
问题记录：在进行webpack 命令操作时报错 根据提示发现 需要安装 7.0.0以上版本的babel-code 因为我的babel-loader 是 8.0.0以上的我默认安装的babel-code 是6.0.0的版版本不匹配 解决办法： 可以选择降低babel-loader的版本到7.0.0  现在版本如下：   在尝试运行 webpack run dev  ...
webpack：Error: Cannot find module ‘@babel/core‘
九日的博客
07-24 379
配置webpack使用babel-loader是出现报错： Error: Cannot find module '@babel/core' 是由于babel-loader与babel-core版本不匹配所造成的 建议把babel升级到最新版本。 npm install -D @babel/core @babel/preset-env
webpack4 Cannot find module '@babel/core'
baidu_21349635的专栏
01-06 711
参考地址: https://blog.youkuaiyun.com/Yagizacd/article/details/82182800 经测试，文章的第一个方法可解决 原因"babel-loader": "^8.0.0"版本问题。 使用"babel-loader": "^7.1.5"即可解决该错误。 ...
解决webpack报错Cannot find module：‘babel-core‘
m0_52364694的博客
08-09 380
webpack.config.js配置遇到Error: Cannot find module :‘babel-core’ 问题 原文地址：https://www.cnblogs.com/soyxiaobi/p/9554565.html 按照这幅图片安装babel-loader、babel-core版本 解决方法 npm uninstall babel-loader npm install babel-loader@7.1.5 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值