【react】babel-loader版本不一致报错

最新推荐文章于 2023-07-25 11:00:00 发布
最新推荐文章于 2023-07-25 11:00:00 发布
阅读量485 收藏
点赞数
分类专栏： 前端技术 文章标签： reactjs 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44410862/article/details/106670295
版权

在做项目的时候出现一个问题，由于babel-loader版本号不一致报错，报错如下图:
图中说：用create-react-app创建项目的时候所用到的babel-loader依赖是8.1.0版本，但是在我启动项目的node_modules下的babel-loader版本是8.0.6版本的（老项目版本低）然后不一致报错.
在这里插入图片描述
解决：

1.卸载package.json文件中的babel-loader 即npm uninstall babel-loader
2.安装你用到的版本 npm install babel-loader@8.0.6我的需要的是8.0.6
3.npm start启动项目

朵朵奇葩向阳开＃
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
react-app-rewire-babel-loader：使用react-app-rewired在您的create-react-app项目中重新连接babel-loader加载器
01-31
react-app-rewire-babel-loader 使用在您的项目中 loader。 假设您在npm上找到了一个很棒的库，想要在未弹出的项目中使用它，但是不幸的是，它在ES6 +中发布（因为node_modules不会通过babel-loader进行传递），所以...
babel-plugin-transform-react-to-vue：将React组件转换为Vue组件（测试版）
01-30
yarn add babel-plugin-transform-react-to-vue --dev 用法 { "plugins" : [ "transform-react-to-vue" ] } 注意：如果您希望它与实验性ECMAScript功能（如class-properties ）一起使用，请将该插件与babel-plugin...
React - npm start 启动报错：“babel-loader“: “8.1.0“ 版本冲突问题（两种解决方案）
王佳斌
10-17 4623
报错分析 阅读报错信息不难发现，是说您用 create-react-app 命令创建项目时所用到的 babel-loader 依赖为 8.1.0 版本，但您项目下 node_modules 包下的 babel-loader 版本为 8.0.6。 所以导致 版本冲突 无法启动项目问题，报错信息中，React 其实已经给出了解决方案。 ## SEO There might be a problem with the project dependency tree. It is likely not a
babel-loader@8 requires Babel 7.x (the package '@babel/core'). If you'd like to use Babel 6.x ('bab
朽木自雕的博客
10-22 2475
报错信息：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-loader和babel-core版本不对应所产生的， babel...
前端构建踩坑 --- babel-loader 对已编译的脚本进行再编译从而导致文件执行出错
dengdongxia的博客
11-07 1781
前言 本人博客原地址：前端构建踩坑 — babel-loader 对已编译的脚本进行再编译从而导致文件执行出错 问题描述： babel-loader 对已编译的脚本进行再编译从而导致文件执行出错。   因为打算开发一个小组件库，但是要对已经编译完成的组件库的脚本进行一遍完整的测试。所以，本人就很自然的启动一个项目，引入已经编译好的组件库脚本，想着大展伸手，结果。。。   遇到了一大堆脑瓜子疼...
浅谈webpack安装babel加载器相关报错问题!
weixin_43845137的博客
08-16 519
问题1 ：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 Function.Module._resolveFilename (internal/modules/cjs/loader
vue babel-loader 报错解决方案
llp5210的博客
06-06 2097
解决方案 去掉, resolve(‘test’)
npx create-react-app xxx创建项目报错的解决办法
11-21
根据React官方文档（上图）可以发现，此时并不需要安装create-react-app工具，只要你的node >= 8.10 && npm >= 5.6，就可以直接使用npx create-react-app命令来创建项目。 报错 好的:OK_hand:，那就根据上面的来呗，...
react-hot-export-loader:一个Webpack加载器，自动插入react-hot-loader代码，灵感来自react-hot-loader-loader
05-15
将react-hot-loader/babel到您的.babelrc // .babelrc { " presets " : [ " @babel/preset-env " , " @babel/preset-react " ], " plugins " : [ " react-hot-loader/babel " ] } 将react-hot-export-loader添加...
react-router-loader:基于react-proxy-loader，按需动态加载React-Router组件
04-17
安装npm install react-router-loader --save-dev依存关系使用哪个版本取决于您的react-router版本React路由器React路由器加载器1.x 0.4.x 2.x及以上0.5.x用法在要求component使用Route ，并且仅在呈现路线时才加载...
解决 “Module build failed (from ./node_modules/babel-loader/lib/index.js)“ 错误的方法
最新发布
pleaseprintf的博客
07-25 1万+
在前端项目开发中，如果使用了 Babel 来转译 ES6+ 语法，有时会遇到错误信息 “Module build failed (from ./node_modules/babel-loader/lib/index.js)”。这个错误通常发生在使用 Webpack 或其他构建工具时。本文将详细介绍出现这个错误的原因，并提供解决方法，确保正确转译 ES6+ 语法，避免该错误的发生。
react babel-loader 版本不一致
嗝~
10-08 625
在项目初始化后运行npm start 后提示一个错误 首先根据提示1，2，3，4 操作后问题仍然存在 我这里的文件在c盘里，提示说在树的上方检测到不同版本的babel 解决方法： 第一种： If you would prefer to ignore this check, add SKIP_PREFLIGHT_CHECK=true to an .env file in your projec...
react项目开发中遇到的一些报错，（less-loader安装报错，图片路径显示异常等）
weixin_43990297的博客
03-17 668
在此对项目开发中遇到的一些报错处理放在这里记录一下 安装 less-loader 遇到的报错 在进行 react 项目开发的时候，出现了这个错误，TypeError: this.getOptions is not a function 这个实际上就是 less-loader 的版本过高，不兼容 getOptions 函数方法，所以需要对 less-loader 进行降级处理 问题的解决：通过 npm uninstall less-loader 命令卸载原版本的 less-loader，然后 通过
从网上下的vue项目安装报babel-loader系列错误解决
05-25 6257
从网上下的vue项目安装报babel-loader系列错误解决
React less less-loader的使用，以及‘{’报错解决
weixin_43486426的博客
07-09 3593
React less语法支持编译与less的配置，以及‘{’报错解决（第3步） 本次的less编译，主要基于less-loader这个包 1、首先呢我们需要展开我们的webpack配置文件，这个在react中是默认隐藏的，你需要将它显示出来(注意此操作是不可逆的) npm run eject 2、然后我们需要下载less-loader //less-loader负责打包转码 npm i less less-loader -s //本地化安装less和lessloader 3、然后我们就需要进行环境的
wabpack 配置babel报错问题解决
苦涩记忆
07-08 525
当我们运行 npn run dev 时babel报错，这是因为babel-loader和babel对应的版本需要一致。 ERROR in ./src/js/index.js Module build failed (from ./node_modules/_babel-loader@8.1.0@babel-loader/lib/index.js): Error: Cannot find module '@babel/core' Require stack: - E:\web\webpack\04study\
babel-loader版本不一致，导致npm start出错
喝牛奶的鱼
04-19 4355
使用create-react-app脚手架创建好一个项目之后，我的项目名称是firstapp，在该项目下使用npm start启动程序，但是在这一步出现错误，解决方法参考文档 https://www.jianshu.com/p/c2f2b2a16799 这里意思是说用create-react-app创建项目的时候所用到的babel-loader依赖是8.0.5版本，但是在我所创建项目的node_...
启动vue报babel-loader错误
青春不打烊的博客
05-21 2631
解决方案： 控制台输入 npm install @babel/core @babel/preset-env 命令 然后启动： 启动成功
webpack初入门（三）--优雅降级和前端静态服务器
weixin_44596422的博客
05-09 376
优雅降级指的时将高版本的ES降至低版本 首先需要安装一个转换器 babel-loader 官网 复制官网的安装代码，npm改成cnpm，后面加 -D，或者这样写 $ cnpm install babel-loader@8.0.4 @babel/core @babel/preset-env -D 安装成功后，去配置，即是rules这个数组的对象， 复制这一块过去，就是一个对象 如何检测是否成功了呢？ 在index.js中写入ES6的语法 这样后再执行打包命令，执行成功后 然后在打包后的main.js
babel-loader 升版和降版
zhangyr的博客
02-20 2433
升版（最高版本）： npm install -D babel-loader @babel/core @babel/preset-env webpack 降版： npm install -D babel-loader@7 babel-core babel-preset-env
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值