解决：Requires Babel “^7.0.0-0“, but was loaded with “6.26.3“

最新推荐文章于 2025-09-28 16:57:24 发布

原创最新推荐文章于 2025-09-28 16:57:24 发布 · 2.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#npm #vue

Solve 专栏收录该内容

7 篇文章

订阅专栏

博客介绍了在遇到`Requires Babel “^7.0.0-0”, but was loaded with “6.26.3”`错误时，如何将前端环境的Babel从6升级到7以解决与jest-babel的版本冲突问题。" 113133828,7803483,VTM10.0编码深入解析：compressGOP()与slice编码流程,"['视频编码', 'H.266/VVC', '编码技术', '视频处理', '软件开发']

部署运行你感兴趣的模型镜像

问题：

Requires Babel "^7.0.0-0", but was loaded with "6.26.3". 
If you are sure you have a compatible version of @babel/core, it is likely that something in 
your build process is loading the wrong version. Inspect the stack trace of this error to loo
k for the first entry that doesn't mention "@babel/core" or "babel-core" to see what is 
calling Babel.

解决：

cnpm i babel-core@^7.0.0-bridge.0 @babel/core regenerator-runtime

原因：

babel将前端环境更新到babel7，jest-babel之前是基于babel6的，执行时候就会报：Requires Babel “^7.0.0-0”, but was loaded with “6.26.3”.

您可能感兴趣的与本文相关的镜像

ACE-Step

音乐合成

ACE-Step

ACE-Step是由中国团队阶跃星辰（StepFun）与ACE Studio联手打造的开源音乐生成模型。它拥有3.5B参数量，支持快速高质量生成、强可控性和易于拓展的特点。最厉害的是，它可以生成多种语言的歌曲，包括但不限于中文、英文、日文等19种语言

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

JavaStudyha

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

彻底解决Error: Requires Babel “^7.0.0-0“, but was loaded with “6.26.3“. 的问题

weixin_43263355的博客

09-01

1万+

彻底解决Error: Requires Babel “^7.0.0-0”, but was loaded with “6.26.3”. 的问题问题产生在babel升级到7以后，按照其官网的要求，安装了babel 7.0相关的包，具体包括@babel/core， @babel/cli， @babel/@babel/preset-env，@babel/plugin-transform-runtime，@babel/plugin-proposal-class-properties， @babel/plugin

Requires Babel “^7.0.0-0“, but was loaded with “6.26.3“. 报错解决

S_SL_rule的博客

12-18

4504

在安装babel到v7.0.0之后，使用babel命令偶尔会出现如下错误： Error: Requires Babel "^7.0.0-0", but was loaded with "6.26.3". If you are sure you have a compatible version of @babel/core, it is likely that something in your build process is loading the wrong version. Inspect t.

参与评论您还未登录，请先登录后发表或查看评论

【报错】Requires Babel ^7.0.0 0, but was loaded with 6.26.3. If you are sure you have a compatible versi

weixin_42050406的博客

06-15

2693

ERROR in ./src/renderer/main.js Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Requires Babel “^7.0.0-0”, but was loaded with “6.26.3”. If you are sure you have a compatible version of @babel/core, it is likely that something i

babel配置报错:Requires Babel 7.0.0-0, but was loaded with 6.26.3.

从0到1的成长的博客

06-16

4409

在配置webpack过程中，配置babel解决浏览器兼容性问题时，出现如下问题：问题原因：安装的babel-loader和babel-core版本不匹配。解决方法：首先打开package.json文件，删除如下图中的标记，然后重新安装：npm install babel-loader，最后再执行即可成功，这是最简单的解决方法。 ...

Requires Babel "^7.0.0-0", but was loaded with "6.26.3". If you are sure you have a compatible versi

MrzhangxianshengJS的博客

12-17

9461

今天无意中把自己配的脚手架拉下来打算封装插件的时候,发现项目运行起来报错了;很懵逼啊,啥情况啊! 请看: 我记得之前配好脚手架的时候试过啊,怎么会出现问题了;来看一下我的依赖: 这时候就是我们大展身手解决问题的时候; 把问题复制下来然后打开浏览器在地址栏输入www.baidu.com 把刚刚复制的报错信息粘贴进搜索框,然后回车一下这时候就出现很多解决问题方法,现在我可以很负责人的告...

Error: Requires Babel "^7.0.0-0", but was loaded with "6.26.3".

Riona_cheng的博客

12-06

3110

node支持es6语法转译配置报错--解决方案

Requires Babel "^7.0.0-0", but was loaded with "6.26.3".

最新发布

ji5ji的专栏

09-28

329

最后，重新运行您的项目，确认是否还存在版本不匹配的错误。如果问题已解决，那么您的项目现在应该能够正常编译和运行了。使用以下命令之一来确认当前项目中实际安装的Babel版本（注意Babel 7后使用。这通常会导致编译错误，因为不同版本的Babel可能有不兼容的API或配置。文件，找到与Babel相关的依赖项。如果确认需要更新Babel到7或更高版本，并且您的。这个错误表明您的项目依赖的Babel版本至少是。，这很可能是导致问题的原因，因为。更新Babel后，您应该清理旧的。首先，您需要查看项目的。

安装babel遇到的异常

01-31

915

Error: Requires Babel "^7.0.0-0", but was loaded with "6.26.3". If you are sure you have a compatible version of @babel/core, it is likely that something in your build process is loading the wron...

React修行日志——问题集锦

ZhangGQ专栏

08-20

471

webpack-babel解决babel-loader@8.0.5 requires a peer of @babel/core@^7.0.0 版本兼容的问题 # 第一套包，相当于babel的转换工具 npm i babel-core babel-loader babel-plugin-transform-runtime -D # 第二套包，babel的语法 npm i babel-preset-env babel-preset-stage-0 -D ## 安装第一个包出现报警告 babel-load.

彻底解决jest-babel报错：Requires Babel "^7.0.0-0", but was loaded with "6.26.3".

weixin_34210740的博客

11-16

2348

2019独角兽企业重金招聘Python工程师标准>>> ...

jest.js问题之旅

weixin_43821171的博客

09-18

1197

ps:希望能为你们的问题带来解决的办法。背景：小组任务，在目前自己所负责的项目中使用jest.js进行单元测试。遇到的问题：根据官网在安装了jest.js的依赖包后，原有的项目不能运行，并出现一大堆的有关于依赖的错误。并且jest测试也不能运行起来。问题解决时间线：在反复安装移除依赖包后，将问题定位到jest的版本上，但不确定是不是由于babel的版本所造成的，直到现在也没确定，因为现有项目所使用的babel版本仅为6.x，而官方文档中，最新的jest所匹配的babel版本为7.x。所以最后又两

Dreamy_LIN的博客

11-11

4069

背景：为了在已有的项目中加入 Jest ，踩了不少坑，坑列举如下，采用过的解决方式，出现的新问题，最终的处理手段。首先，我的项目是 Vue2，package.json 的 babel 为 @babel，因此才会出现以下种种问题。若为 babel，正常 npm install -g jest 配置脚本即可，后面会有说明。Vue3 的 Jest 安装更为简单，本篇不涉及。坑1：直接在 Vue 项目中运行，报错 requires Babel "^7.0.0-0", but was loaded with

安装babel,webpack所遇到的一些坑

weixin_45931321的博客

02-16

877

SyntaxError: JSON.parse: expected ‘,’ or ‘}’ return window.JSON.parse( data + “” ); 这个我检查过了是中英文输入的问题，有个冒号用了中文输入，程序就报错了 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! webpack-wzl@1.0.0 start: 这是最大的...

webpack+react中问题解决

m0_75085583的博客

10-27

1530

首先确认我们是否下载了react的依赖，就算在package.json中查看有react依赖，也不一定会好使，所以，我们需要在安装一次依赖：pnpm install react react-dom确保文件中包含了对 JSX 的正确配置。将此配置打开，这种转换方式允许你在 React 组件中使用 JSX，这样webpack就可以翻译react组件了如果你使用了 Babel 来转译代码，确保安装了并正确配置了或文件：json文件：{ "presets": ["@babel/preset

09-12

你遇到的错误是典型的 **Babel 版本冲突问题**： ``` Error: Requires Babel "^7.0.0-0", but was loaded with "6.26.3" ``` 这意味着你安装的 `@babel/preset-env`（Babel 7+）需要 `@babel/core`，但你的项目中仍然使用了旧版本的 **`babel-core`（Babel 6）**，这会导致 Babel 插件和核心库版本不兼容。 --- ## 🔍 错误原因分析 | 错误部分 | 原因 | |----------|------| | `@babel/preset-env` | 是 Babel 7 的模块 | | `babel-core` | 是 Babel 6 的核心库 | | **冲突** | Babel 7 的插件不能与 Babel 6 的核心库一起使用 | Webpack 使用了 `babel-loader` 来调用 Babel，但加载了不兼容的版本。 --- ## ✅ 解决方案 ### ✅ 第一步：卸载 Babel 6 相关依赖 ```bash npm uninstall babel-core ``` 如果你还安装了其他 Babel 6 的插件，也一并清除： ```bash npm uninstall babel-loader babel-preset-env ``` --- ### ✅ 第二步：安装 Babel 7 的依赖 ```bash npm install --save-dev @babel/core @babel/preset-env babel-loader ``` --- ### ✅ 第三步：更新 `.babelrc` 确保你的 `.babelrc` 是这样的： ```json { "presets": ["@babel/preset-env"] } ``` --- ### ✅ 第四步：确认 `webpack.config.js` 或 `webpack.dev.conf.js` 中的 `babel-loader` 配置你已经在 `webpack.dev.conf.js` 中添加了如下规则： ```js { test: /\.js$/, loader: 'babel-loader', include: [ path.resolve(__dirname, '../src'), /@sentry/, ], } ``` 确保没有使用 `babel-core` 的引用。 --- ## 🧹 第五步：清除 node_modules 和 lock 文件（重要）有时候旧版本的依赖仍然被保留，建议你执行以下命令： ```bash rm -rf node_modules package-lock.json ``` 然后重新安装依赖： ```bash npm install ``` --- ## ✅ 第六步：再次运行开发服务器 ```bash npm run dev ``` 此时你应该不会再看到 Babel 版本冲突的错误。 --- ## ✅ 总结 | 操作 | 目的 | |------|------| | 卸载 `babel-core` | 移除 Babel 6 的核心库 | | 安装 `@babel/core` 和 `@babel/preset-env` | 使用 Babel 7 的现代版本 | | 更新 `.babelrc` | 使用 Babel 7 的配置格式 | | 清理 `node_modules` 和 `package-lock.json` | 确保依赖干净 | | 重新安装依赖 | 保证所有模块版本兼容 | ---