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

最新推荐文章于 2024-10-27 19:34:48 发布
原创 最新推荐文章于 2024-10-27 19:34:48 发布 · 9.4k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#webpack

本文记录了一次在封装脚手架插件过程中遇到的Babel版本问题及依赖冲突解决过程。作者通过更新Babel核心包解决了初始错误，但随后又遇到了新的问题。最终，通过调整.babelrc配置文件并安装@babel/preset-env插件，成功解决了问题。

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

 今天无意中把自己配的脚手架拉下来打算封装插件的时候,发现项目运行起来报错了;很懵逼啊,啥情况啊!
 请看:

在这里插入图片描述
我记得之前配好脚手架的时候试过啊,怎么会出现问题了;来看一下我的依赖:
在这里插入图片描述
这时候就是我们大展身手解决问题的时候;

  1. 把问题复制下来
  2. 然后打开浏览器在地址栏输入www.baidu.com
  3. 把刚刚复制的报错信息粘贴进搜索框,然后回车一下
  4. 这时候就出现很多解决问题方法,现在我可以很负责人的告诉你,虽然可以解决这个报错问题但是又会出现新的问题
  5. 不信请看下面的操作,说是babel的版本问题
npm install babel-core@^7.0.0-bridge.0 @babel/core -D

Plugin/Preset files are not allowed to export objects, only functions
现在看来果然是解决了上面那个报错问题,但是新的问题来了;真的是补不完的漏水
现在有两种解决方案:

  1. 这个是最简单也是最不推荐的做法 简单粗暴 就是在.babellrc里面把"presets": [“env”,“stage-0”,“es2015”],把"stage-0",“es2015"这两个插件的使用在这里去掉 变成"presets”: ["@babel/preset-env"], 当然这里需要安装
npm install @babel/preset-env -D

在这里插入图片描述

这时候就发现可以了,你说气人不气人;因为我们去掉了支持es6语法和编译es6语法的插件 所以是我们不推荐的

2.这是第二种方法,也是比较推荐的

npm install css-loader@1.0.1 -D

然后就解决了,我也很绝望,不知道为啥;可能是版本兼容的问题吧!

torchvision 0.16.2 requires torch==2.1.2, but you have torch 2.3.0 which is incompatible.解决方案
weixin_43178406的博客
06-08 20万+
本文主要介绍了torchvision 0.16.2 requires torch==2.1.2, but you have torch 2.3.0 which is incompatible.解决方案，希望能对使用torch和torchvision的同学们有所帮助。 文章目录 1. 问题描述 2. 解决方案
ImportError: LlamaConverter requires the protobuf library but it was not found in environment.解决方案
热门推荐
weixin_43178406的博客
01-31 6万+
 本文主要介绍了ImportError: LlamaConverter requires the protobuf library but it was not found in your environment.解决方案，希望能对使用大模型的同学们有所帮助。 文章目录 1. 问题描述 2. 解决方案
彻底解决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. If you are sure you have a compatible versi
weixin_42050406的博客
06-15 2595
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 4366
在配置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“
JavaStudy的博客
08-31 2359
问题： 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
Requires Babel “^7.0.0-0“, but was loaded with “6.26.3“. 报错解决
S_SL_rule的博客
12-18 4411
在安装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.
npm WARN postcss-modules@4.2.2 requires a peer of postcss@^8.0.0 but none is installed. You must ins
Yolanda_NuoNuo的专栏
09-09 2063
问题描述： 今天在安装 vue-virtual-scroll-list 出现报错信息如下 npm WARN postcss-modules@4.2.2 requires a peer of postcss@^8.0.0 but none is installed. You must install peer dependencies yourself. 其实不只是vue-virtual-scroll-list，有时候安装其他的插件也会出现这个报错，如果是按照报错信息 npm install -g npm-
CentOS 8.0 安装docker 报错：Problem package docker-ce-3 19.03.4-3.el7.x86_64 require
简简单单Onlinezuozuo
02-25 6652
文章目录CentOS 8.0 安装docker 报错：Problem: package docker-ce-3:19.03.4-3.el7.x86_64 requires containerd.io >= 1.2.2-31、错误内容2、分析原因3、解决4、检查是否安装成功 CentOS 8.0 安装docker 报错：Problem: package docker-ce-3:19.03.4-...
Error opening Binary was compiled with ‘CGO_ENABLED=0‘, go-sqlite3 requires cgo to work. 解决方法
SHELLCODE_8BIT的博客
10-20 4362
原因是有两个编译器，go原装gc或gcc，当我们修改选项时，CGO_ENABLED=1则使用gcc编译。
Error: Requires Babel "^7.0.0-0", but was loaded with "6.26.3".
Riona_cheng的博客
12-06 3041
node支持es6语法转译配置报错--解决方案
需要Babel“7.0.0-0“,但加载了“6.26.3“
zwlww1的博客
02-09 534
node 环境 配置
Requires Babel "^7.0.0-0", but was loaded with "6.26.3".
sinat_37186459的博客
04-09 1万+
babel is a javascript compiler 想通过babel-node让后端node可以运行es6，结果装完babel-cli总是报错Requires Babel “^7.0.0-0”, but was loaded with “6.26.3”.具体如下： 下面是我的package.json文件 { "name": "form-react", "version": "1....
日常填坑--gulp build出错 error: Requires Babel "^7.0.0-0", but was loaded with "6.26.3". 以及js压缩错误...
weixin_30877493的博客
08-24 698
1、想通过babel-node让后端node可以运行es6，结果装完babel-cli总是报错Requires Babel "^7.0.0-0", but was loaded with "6.26.3"yarnadd@babel/cli@babel/core@babel/node@babel/preset-env -D 参考链接 https://segmentfault....
jest-babel报错：Requires Babel "^7.0.0-0", but was loaded with "6.26.3"
weixin_30906185的博客
02-26 368
解决方法： yarn remove jest babel-jest babel-core @babel/core yarn add --dev jest babel-jest babel-core@^7.0.0-bridge.0 @babel/core 转载于:https://www.cnblogs.com/knuzy/p/10437076.html
如何解决 Babel 转译失败的问题？
官方推荐
10-23 1万+
如何解决 Babel 转译失败的问题？
React修行日志——问题集锦
ZhangGQ专栏
08-20 448
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.
webpack+react中问题解决
最新发布
m0_75085583的博客
10-27 1378
首先确认我们是否下载了react的依赖，就算在package.json中查看有react依赖，也不一定会好使，所以，我们需要在安装一次依赖：pnpm install react react-dom确保 文件中包含了对 JSX 的正确配置。 将此配置打开，这种转换方式允许你在 React 组件中使用 JSX，这样webpack就可以翻译react组件了如果你使用了 Babel 来转译代码，确保安装了 并正确配置了 或 文件：json文件：{ "presets": ["@babel/preset
vue-loader@16.8.3 requires a peer of webpack@^4.1.0 || ^5.0.0-0 but none is installed. You must install peer dependencies yourself.
09-07
这条信息是来自于一个Node.js项目的依赖管理工具npm的错误提示。它告诉我们，在安装或运行一个名为`vue-loader`的npm包时，该包依赖于特定版本的`webpack`包，但是当前项目中并没有安装任何版本的`webpack`。 让我们来分解这个错误提示并解释一下： - `vue-loader@16.8.3`：这是你正在安装或使用的`vue-loader`的版本号。`vue-loader`是一个用于处理`.vue`单文件组件的Webpack加载器。 - `requires a peer of webpack@^4.1.0 || ^5.0.0-0`：这意味着`vue-loader`依赖于`webpack`版本在4.1.0或更高，但低于5.0.0的任何版本。`^`符号在这里表示可以安装该主版本下的任何次版本，但不能安装新的主版本。 - `but none is installed`：表示当前项目环境中没有安装任何版本的`webpack`。 - `You must install peer dependencies yourself`：提示你需要手动安装缺失的对等依赖（即`webpack`）。 为了解决这个问题，你需要按照`vue-loader`的要求安装一个兼容版本的`webpack`。你可以通过运行以下npm命令来安装`webpack`： ```sh npm install --save-dev webpack@^4.1.0 ``` 或者，如果你希望安装`webpack` 5.x版本，可以使用： ```sh npm install --save-dev webpack@^5.0.0-0 ``` 确保根据你的项目需求选择合适的`webpack`版本。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值