webpack.config.js配置遇到Error: Cannot find module '@babel/core'问

最新推荐文章于 2024-03-07 15:54:54 发布
最新推荐文章于 2024-03-07 15:54:54 发布
阅读量5.8k 收藏
点赞数
分类专栏： react vue webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ma_jiang/article/details/82872000
版权
在配置webpack.config.js时遇到Error: Cannot find module '@babel/core'的问题。尝试重装babel-core无效。问题源于babel-loader版本从7.1.5升级到8.0.0导致。降级babel-loader到7.1.5后，问题解决。但对新版本不兼容的原因及解决方法尚不清楚。
摘要由CSDN通过智能技术生成

一、 啥问题

在配置webpack.config.js自动打包的时候,出现Error: Cannot find module '@babel/core'错误
最初以为是babel-core没有安装上。重装了好几遍babel-core还是不行。对照以前的项目,发现babel-loader的版本不一样,之前的是@7.1.5版本,而现在是@8.0.0版本。

二、 解决方法

带着半信半疑的心情安装回@7.1.5版本

npm uninstall babel-loader
npm instal
最低0.47元/天 解锁文章
dz45693
关注
专栏目录
webpack.config.js配置遇到Error: Cannot find module ‘@babel/core‘问题
shengyin714959的博客
06-28 1550
在配置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。而且还不支持原来的配置了。网上没
JavaScript高级语法打包 - babel插件安装配置报错！Error: Cannot find module ‘@babel/preset-preset.env‘
←か淡定☆ ヾ 的博客
12-12 9207
目录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 配置
webpack编译时出现报错Error: Cannot find module '@babel/core'
weixin_44214330的博客
04-20 444
具体报错如下： 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’. 在gi...
Error: Cannot find module ‘@babel/core’处理
weixin_42202992的博客
08-06 3394
Error: Cannot find module '@babel/core’问题处理
webpack：Error: Cannot find module ‘@babel/core‘
九日的博客
07-24 331
配置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 537
参考地址: https://blog.csdn.net/Yagizacd/article/details/82182800 经测试，文章的第一个方法可解决 原因"babel-loader": "^8.0.0"版本问题。 使用"babel-loader": "^7.1.5"即可解决该错误。 ...
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 ‘@vue/babel-preset-app‘ from ‘C:\Users\Administrator\WebstormProjects\memo
郭宝的博客
01-07 8684
背景： 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 ..
Error: Cannot find module '@babel/core'
Beamon__的博客
12-17 1052
在配置webpack打包的时候,出现Error: Cannot find module '@babel/core'错误，控制台打印如下图： 网上查找原因发现是babel-loader版本原因所致，参照网上方法，将babel-loader安装回@7.1.5版本，重新打包，打包成功； 相关依赖版本如下： webpack中rules配置如下：   参考地址：https://www....
【webpack】WebPack 引入 babel 报错 Cannot find module '@babel/core'
新青年1号
06-17 733
报错信息 ERROR in ./main.js Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Cannot find module '@babel/core' babel-loader@8 requires Babel 7.x (the package '@babel/core'). If ...
webpack编译报错Cannot find module ‘@babel/core‘且无法识别es6的reset语法
最新发布
PC_136的博客
03-07 551
~ npm install babel-core babel-loader --save-dev 用了这个指令后webpack报错 尝试重新下载了babel-core babel-loader 还是不行 Cannot find module '@babel/core' babel-loader@8 requires Babel 7.x (the package '@babel/core'). I...
Vue中Module build failed: Error: Cannot find module '@babel/core'最简单解决方案
weixin_43086811的博客
08-28 3万+
s running at http://localhost:3000/ webpack output is served from / Content not from webpack is served from e:\1804vuedemo\vueroutermedo/dist Hash: 6cf951ad079ff750702e Version: webpack 3.11.0 Time:...
babel 编译时出现 Cannot find module '@babel/core' ，附代码，亲测有效。
提莫拌一团蘑菇
06-29 1万+
目录 报错信息： 问题原因： 解决方法： 1.版本降级： 2.升级babel-core版本为7.0.0 报错信息： 问题原因： "babel-loader": "^8.0.0"版本问题。 解决方法： 1.版本降级： 将"babel-loader" 的版本改为 “7.1.5” "devDependencies": { "babel-core...
Error: Cannot find module ‘@babel/core‘
m0_60703077的博客
01-07 3844
在使用 babel 进行转译，发送找不到@babel/core ， 这是 babel 所依赖的核心库。 下图：这是我项目所安装的依赖 这是是根据阮一峰老师的深入浅出webpack教程所配置的 babel 时候引入的依赖。 没找到@babel/core，需要把babel-core卸载掉，从新安装@babel/core npm uninstall babel-core npm i @babel/core --save-dev 这是因为 babel 舍弃了之前的 babel...
Cannot find module '@babel/core'
yudldl的博客
09-27 5061
 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升级了一个大版本，已经到7.X了， 安装了  babel-loader@8 需要 ...
webpack打包前端项目报错 Error: Cannot find module '@babel/core'错误
S852509769的博客
11-22 1413
据上述错误显示，我安装的 babel-loader版本和babel-core版本不匹配， 两种方法解决： (1)、babel-loader@8需要babel 7(babel-core). (2)、如果要使用babel-core 6,需要安装babel-loader@7的版本。使用命令npm uninstall babel-loader  ，然后使用 npm install babel-...
[webpack-cli] Error: Cannot find module './webpack.base.conf'
06-13
如果在使用 webpack-cli 时出现 `Error: Cannot find module './webpack.base.conf'` 的错误，通常是因为 webpack 配置文件中引入的 `webpack.base.conf` 文件不存在或路径错误导致的。解决办法如下： 1. 确认文件路径是否正确：检查 webpack 配置文件中引入 `webpack.base.conf` 文件的路径是否正确。如果文件路径错误，修改为正确的路径即可。 例如，如果你的 `webpack.base.conf` 文件在 `build` 目录下，你可以这样引入： ```javascript const baseWebpackConfig = require('./build/webpack.base.conf'); ``` 2. 创建缺失的文件：如果 `webpack.base.conf` 文件确实不存在，你需要创建一个新的 `webpack.base.conf.js` 文件。通常情况下，在 webpack 项目中，我们会将 webpack 配置拆分为多个文件，例如 `webpack.base.conf.js`、`webpack.dev.conf.js` 和 `webpack.prod.conf.js` 等。 你可以手动创建一个新的 `webpack.base.conf.js` 文件，并在其中编写基础的 webpack 配置。例如： ```javascript const path = require('path'); module.exports = { entry: path.resolve(__dirname, 'src/index.js'), output: { path: path.resolve(__dirname, 'dist'), filename: 'bundle.js' } }; ``` 在上面的配置中，我们指定了入口文件和输出文件的路径和名称，并使用 `path` 模块来获取文件的绝对路径。这只是一个简单的示例，你可以根据自己的项目需求来编写更复杂的配置。 总之，要解决 `Error: Cannot find module './webpack.base.conf'` 错误，就需要确认文件路径是否正确，并创建缺失的文件。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值