react tsx 中遇到 Error: Cannot find module '@babel/***

最新推荐文章于 2025-04-26 08:48:17 发布
最新推荐文章于 2025-04-26 08:48:17 发布
阅读量4.7k 收藏 9
点赞数 6
文章标签： react typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_46138124/article/details/105391072
版权
本文介绍了在React TypeScript项目中遇到`Error: Cannot find module '@babel'`的问题及其解决方法。问题根源在于`babel-loader`与`babel-core`版本不匹配。解决方案包括：卸载旧版`babel-core`，安装新版`babel-core`，更新`babel-preset`和`babel-plugin`，并根据需要调整`.babelrc`配置文件。

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

Error: Cannot find module '@babel报错问题

问题产生的原因：

babel-loader和babel-core版本不对应所产生的

1.babel-loader 8.x对应babel-core 7.x
2.babel-loader 7.x对应babel-core 6.x

解决方法：

1、 卸载旧的babel-core
npm un babel-core
2、 安装新的babel-core
npm i -D @babel
最低0.47元/天 解锁文章
Error: Cannot find module ‘@babel/core‘ 问题已解决
weixin_55242897的博客
02-26 5133
项目场景： webpack 打包高级js语法时出错打包不成功 问题描述： 原.babelrc { "persets":["env","stage-0"], "plugins":["transform-runtime"] } 打包运行 npm run dev Error: Cannot find module ‘@babel/core’ … 原因分析： 网上查找答案，受EddyWorkHard（https://www.jianshu.com/p/74cb6203c39f）的文章启发了解
关于webpack安装babel后编译react报错ERROR in ./app/main.js Module build failed (from ./node_modules/babel-load
mx_is_bang的博客
06-09 1097
在学习webpack编译文件时 首先报错的提示为： ERROR in ./app/main.js Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Cannot find module ‘@babel/core’ 之前已经安装过babel-core如下 Babel安装 // npm一次性安装多个依赖模块，模块之间用空格隔开 npm install --save-dev babel-core babel-l
Error: Cannot find module ‘@babel/core’处理
weixin_42202992的博客
08-06 4326
Error: Cannot find module '@babel/core’问题处理
babel核心知识点
最新发布
weixin_42283818的博客
04-26 475
Babel 是一个 JavaScript 编译器，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 代码，以便在旧版本的浏览器或环境中运行。
前端报错：cannot find module ‘@babel/eslint-parser‘
weixin_44845483的博客
11-16 7004
项目安装eslint依赖，项目中代码报错：cannot find module ‘@babel/eslint-parser’本地项目babel-eslint依赖包已经被弃用，Babel、-eslint现在是@babel/eslint-parser。重新安装不起作用还是报错，需要先移除babel-eslint，然后安装@babel/eslint-parser。
【ESLint语法检测】Parsing error: Cannot find module ‘@babel/eslint-parser‘的解决方式
热门推荐
一个普通人的博客
11-04 1万+
属性，声明了这个属性之后script标签会支持一些新语法，即该属性是单文件组件 (SFC) 中使用组合式 API 的编译时语法糖，详情见官方文档。但是我随便更改一个字符，自动保存后它自动编译，就又报这个错误，难道我每次运行都要重新按一遍这个 @babel/eslint-parser 吗？有了这个文件之后，defineProps 是不报错了，但每次运行都提示我。文件 (如果根目录下没有这个文件的话)，完事儿再一运行，好了，看起来没问题。经过百般排查，发现是上面的。，而这个js文件里面的。
Cannot find module ‘@babel/preset-react‘ from ‘D:\学习\React相关\02.xxxxxt‘【转载】
ysfscdn的博客
08-18 5147
在学习React过程中，发现在index.js文件中的JSX语法不能被识别。 刚开始报错的提示信息是“Support for the experimental syntax 'jsx' isn't currently enabled”。接着第二次又报“Cannot find module '@babel/preset-react' from 'D:\学习\React相关\02.xxxxxt'”错误。按照网上查的资料修改Babel文件，没有效果，终于在一篇博客上找到了解决办法，亲测有效。 问题产生的原因
error during build: 10:11:22 [vite-plugin-svgr] Could not load D:/xxx/bisheng/src/frontend/src/components/bs-icons/loading/Load.svg?react (imported by src/components/bs-icons/loading/index.tsx): [BABEL] D:\xxx\bisheng\src\frontend\src\components\bs-icons\loadin g\Load.svg: Cannot find module 'globals' Require stack: - D:\xxx\bisheng\src\frontend\node_modules\@babel\traverse\lib\scope\index.js - D:\xxx\bisheng\src\frontend\node_modules\@babel\traverse\lib\path\index.js - D:\xxx\bisheng\src\frontend\node_modules\@babel\traverse\lib\context.js - D:\xxx\bisheng\src\frontend\node_modules\@babel\traverse\lib\traverse-node.js - D:\xxx\bisheng\src\frontend\node_modules\@babel\traverse\lib\index.js - D:\xxx\bisheng\src\frontend\node_modules\@babel\core\lib\index.js - D:\xxx\bisheng\src\frontend\node_modules\@svgr\plugin-jsx\dist\index.js at Module._resolveFilename (node:internal/modules/cjs/loader:1075:15) at Module._load (node:internal/modules/cjs/loader:920:27) at Module.require (node:internal/modules/cjs/loader:1141:19) at require (node:internal/modules/cjs/helpers:110:18) at Object.<anonymous> (D:\xxx\bisheng\src\frontend\node_modules\@babel\traverse\lib\scope\index.js:10:16) at Module._compile (node:internal/modules/cjs/loader:1254:14) at Module._extensions..js (node:internal/modules/cjs/loader:1308:10) at Module.load (node:internal/modules/cjs/loader:1117:32) at Module._load (node:internal/modules/cjs/loader:958:12) at Module.require (node:internal/modules/cjs/loader:1141:19) at require (node:internal/modules/cjs/helpers:110:18) at Object.<anonymous> (D:\xxx\bisheng\src\frontend\node_modules\@babel\traverse\lib\path\index.js:10:15) at Module._compile (node:internal/modules/cjs/loader:1254:14) at Module._extensions..js (nod
04-03
好的，我现在需要解决用户在构建过程中遇到的“Cannot find module 'globals'”错误，这个问题涉及到@babel/traverse、vite-plugin-svgr以及Vite的构建流程。首先，我得理清楚这个错误的可能原因，然后一步步排查...
TypeScript（八）代码检查（AlloyTeam 的 ESLint、Prettier）、编译选项（allowJs、allowSyntheticDefaultImports）
qq_43456781的博客
10-26 800
TypeScript（八）代码检查（AlloyTeam 的 ESLint、Prettier）、编译选项（allowJs、allowSyntheticDefaultImports） 文章目录TypeScript（八）代码检查（AlloyTeam 的 ESLint、Prettier）、编译选项（allowJs、allowSyntheticDefaultImports）1. 代码检查什么是代码检查为什么需要代码检查在 TypeScript 中使用 ESLint安装 ESLint创建配置文件检查一个 ts 文件检查
前端项目搭建部署全流程（一）：搭建React项目
huhaiqing106的博客
11-25 1429
1.前言 前段时间突发一个想法，想尝试从零开始搭建一个React项目模板，发布到GitHub，再编写脚手架命令拉取模板以及编写脚本命令快速生成业务模块，然后再用这个模板结合之前的一套组件库，完成编译打包运行一些列操作，再就是另外一个大事，用基于这个项目模板与组件库构建的项目，搭建自动化构建与自动化部署整个流程，将连载文章记录整个这个流程，以便后期回溯。 2.初始化项目 新建项目文件然后执行命令，-y 需要选择的地方默认是yes，执行完后会生成个package.json文件 npm init -y 3.初始
Webpack+babel 报错: Error:Cannot find module ‘@babel/core 解决办法
成长之路
03-21 2780
一. 问题背景 通过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
webpack学习笔记1：Error: Cannot find module '@babel/core'
LM Wang的专栏
11-17 1716
这两天想学一下webpack，搜了一下，感觉这篇文章不错：《入门Webpack，看这篇就够了》，就照着上面做。 下面记录我遇到的几个不同的地方： 1. 安装webpack-cli 文中提到可以使用配置文件来使用Webpack，当我执行npm start时提醒需要安装webpack-cli，yes安装就是了： 这里提一点，当npm安装一些模块时，它会自动被加到package.json的d...
【webpack】WebPack 引入 babel 报错 Cannot find module '@babel/core'
新青年1号
06-17 768
报错信息 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 ...
Node.js—— npm运行报错 Cannot find module ‘@babel/compat-data/corejs3-shipped-proposals
qq_43201350的博客
11-02 1447
npm install -D babel-loader @babel/core @babel/preset-env webpack 再启动
Error: Cannot find module ‘@babel/parser‘
hello world
10-24 6361
问题 Error: Cannot find module '@babel/parser' 解决 npm i -D @babel/parser
uniapp报错：Cannot find module ‘@babel/parser‘
Mr___YangYang的博客
09-02 671
【代码】uniapp报错：Cannot find module '@babel/parser'
Error: Cannot find module '@babel/core'
weixin_42235173的博客
06-05 1961
Error: Cannot find module ‘@babel/core’ 两种解决方案: 回退低版本 npm install -D babel-loader@7 babel-core babel-preset-env 更新到最高版本: npm install -D babel-loader @babel/core @babel/preset-env webpack ...
webpack编译报错：Cannot find module '@babel/core' babel-loader@8 requires Babel 7.x (the package '@babel
qq_41985171的博客
12-31 526
webpack编译报错信息 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 you'd like ...
Cannot find module ‘@babel/runtime/helpers/builtin/interopRequireDefault‘
qq_45679015的博客
06-11 2728
报错：可能报两个错误原因：一开始我以为babel转es6失败，重新安装@babel/runtime发现问题没能解决，当我去node_modules里面查找‘babel/runtime/helpers/builtin/interopRequireDefault'路径时发现没有builtin这个文件夹，尝试把helpers下的一堆js文件复制到新建builtin文件夹中，重新运行后成功！解决： 2.在helpers文件夹下新建builtin文件夹，并把helpers下的js文件全都复制到builtin
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值