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

最新推荐文章于 2024-08-14 16:21:25 发布
最新推荐文章于 2024-08-14 16:21:25 发布
阅读量4.4k 收藏 10
点赞数 6
文章标签： react typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/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`配置文件。
摘要由CSDN通过智能技术生成

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元/天 解锁文章
采药人~陈大仙
关注
  • 6
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vscode + eslint系列：打开项目，每个js、ts文件第一行报错 Parsing error: Cannot find module ‘@babel/xxx‘
good_moring_的博客
10-09 2041
文件第一行报错 Parsing error: Cannot find module '@babel/xxx'
Webpack+babel 报错: Error:Cannot find module ‘@babel/core 解决办法
成长之路
03-21 2391
一. 问题背景 通过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
Error: Cannot find module '@babel(转载)
热门推荐
u011483658的博客
07-10 1万+
Error: Cannot find module '@babel 0.12018.12.29 16:13*字数 227阅读 927评论 0喜欢 1 在安装babel的时候，遇到个Error: Cannot find module '@babel/core’问题，查了很多资料才解决，希望能够帮助到各位兄弟。 问题产生的原因 babel-loader和babel-core版本不对应所产...
Node.js—— npm运行报错 Cannot find module ‘@babel/compat-data/corejs3-shipped-proposals
qq_43201350的博客
11-02 1360
npm install -D babel-loader @babel/core @babel/preset-env webpack 再启动
【问题解决】@babel/plugin-proposal-private-methods“, { “loose“: true }
qq_17335549的博客
09-07 3127
@babel/plugin-proposal-private-methods", { "loose": true 看这个意思是需要在配置文件里增加这么一句来忽视这个警告["@babel/plugin-proposal-private-methods", { "loose": true }] 但是到底怎么加呢？想不通，一头雾水，不过先来看看babel是个什么东西吧？ Babel是什么？ babel是一个工具链，用于将es5+ 语法编写的代码转换成向后兼容的js语法，注意向后兼容，他的主要功能是
Vue开发中Parsing error:Cannot find module问题解决
Yel_Liu的博客
08-21 1万+
今天遇到了一个很纠结的问题，请看下图： 意思是找不到babel-eslint这个模块，但是我安装模块之后，问题并没有得到解决，查了很久，没有找到解决办法。但是我看到跟我相似的问题，只是找不到的模块不同，按照别人提供的方法试了一下，竟然解决了。 解决方法就是全局安装缺少的模块 比如我遇到的问题，执行 npm install babel-loader -g 即可解决。 ...
报错记录 | Error: Cannot find module ‘react-dev-utils/crossSpawn’
01-07
Error: Cannot find module 'react-dev-utils/crossSpawn' at Function.Module._resolveFilename (internal/modules/cjs/loader.js:636:15) at Function.Module._load (internal/modules/cjs/loader.js:562:25) ...
解决vue项目中遇到 Cannot find module ‘chalk‘ 报错的问题
01-21
补充知识：vue在npm run dev时报错Error: Cannot find module ‘xxx‘ 今天在做项目时出现了下面这个错误，找了很多博客，都说改一下代码写法就行了。不过视情况而定，有点时候有些代码改起来很麻烦，千丝万缕的关系...
解决fatal:remote error:You can’t push to git://github.com/username/*.git问题的办法
01-10
fatal:remote error: You can't push to git://github.com/username/*.git Use git@github.com:username/*.git 看来我是没有权限push啊。 解决方法： git remote rm origin git remote add origin git@github....
babel-plugin-react-error-catcher:自动将装饰器添加到React组件。 接受一个参数，一个用于报告错误的模块的路径，如果有错误，它将捕获该错误并将其传递给报告程序
05-19
babel-plugin-react-error-catcher 随意尝试解决这个问题，提交问题并提出请求和/或请求功能！ 自动将装饰器添加到React组件。 接受一个参数，它是错误报告某个模块的路径，如果有错误，它将捕获该错误并将其传递...
【ESLint语法检测】Parsing error: Cannot find module ‘@babel/eslint-parser‘的解决方式
一个普通人的博客
11-04 1万+
属性，声明了这个属性之后script标签会支持一些新语法，即该属性是单文件组件 (SFC) 中使用组合式 API 的编译时语法糖，详情见官方文档。但是我随便更改一个字符，自动保存后它自动编译，就又报这个错误，难道我每次运行都要重新按一遍这个 @babel/eslint-parser 吗？有了这个文件之后，defineProps 是不报错了，但每次运行都提示我。文件 (如果根目录下没有这个文件的话)，完事儿再一运行，好了，看起来没问题。经过百般排查，发现是上面的。，而这个js文件里面的。
Error: Cannot find module ‘@babel/core‘
m0_60703077的博客
01-07 3794
在使用 babel 进行转译，发送找不到@babel/core ， 这是 babel 所依赖的核心库。 下图：这是我项目所安装的依赖 这是是根据阮一峰老师的深入浅出webpack教程所配置的 babel 时候引入的依赖。 没找到@babel/core，需要把babel-core卸载掉，从新安装@babel/core npm uninstall babel-core npm i @babel/core --save-dev 这是因为 babel 舍弃了之前的 babel...
升级Babel@6 到 7
JUSTIN的博客
02-15 7025
(一) 前言 新开了pc项目, 在安装babel已经到7，既然如此，就把老项目和新项目统一换到babel@7 (二) 升级 使用官方命令直接升级 # 不安装到本地而是直接运行命令，npm 的新功能 npx babel-upgrade --write # 或者常规方式 npm i babel-upgrade -g babel-upgrade --write 基本就是将babel- 替换成@ba...
Error: Cannot find module ‘@babel/core’处理
weixin_42202992的博客
08-06 3035
Error: Cannot find module '@babel/core’问题处理
babel编译时出现:Error: Cannot find module ‘@babel/core‘
旗袍不开、怎么得胜？
07-07 8795
babel编译时出现:Error: Cannot find module ‘@babel/core’ ERROR in ./src/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: - D:\work\HBuilderXWorkspace\react\01
前端报错：cannot find module ‘@babel/eslint-parser‘
weixin_44845483的博客
11-16 6212
项目安装eslint依赖，项目中代码报错：cannot find module ‘@babel/eslint-parser’本地项目babel-eslint依赖包已经被弃用，Babel、-eslint现在是@babel/eslint-parser。重新安装不起作用还是报错，需要先移除babel-eslint，然后安装@babel/eslint-parser。
TypeScript 面试题汇总
最新发布
qq_42072014的博客
08-14 1077
联合类型：使用符号表示多种类型之一。typescript深色版本交叉类型：使用符号表示多个类型的组合。typescript深色版本3};47};8使用readonly关键字定义不可修改的属性。typescript深色版本4}使用class关键字定义类。typescript深色版本36 }7}
Error: Cannot find module 'react-dom/package.json' from
01-02
根据提供的引用内容，出现了两个错误信息，分别是"Cannot find module 'react-scripts/package.json'"和"Cannot find module 'react-dev-utils/crossSpawn'"。这些错误通常是由于缺少相应的模块或包导致的。 对于第一个错误"Cannot find module 'react-scripts/package.json'"，它表示找不到名为'react-scripts'的模块或包。这通常是由于没有正确安装或配置React项目所需的依赖项导致的。要解决这个问题，你可以尝试以下几个步骤： 1. 确保你已经在项目目录中运行了正确的安装命令，例如使用npm安装依赖项： ```shell npm install ``` 2. 检查你的项目中是否存在'react-scripts'的依赖项，并且已经正确地添加到了package.json文件中的dependencies或devDependencies中。如果没有，请手动添加它： ```shell npm install react-scripts --save ``` 3. 如果你已经正确安装了'react-scripts'，但仍然出现错误，请尝试删除node_modules文件夹并重新安装依赖项： ```shell rm -rf node_modules npm install ``` 对于第二个错误"Cannot find module 'react-dev-utils/crossSpawn'"，它表示找不到名为'react-dev-utils/crossSpawn'的模块或包。这通常是由于缺少相应的依赖项或配置错误导致的。要解决这个问题，你可以尝试以下几个步骤： 1. 确保你已经在项目目录中运行了正确的安装命令，例如使用npm安装依赖项： ```shell npm install ``` 2. 检查你的项目中是否存在'react-dev-utils'的依赖项，并且已经正确地添加到了package.json文件中的dependencies或devDependencies中。如果没有，请手动添加它： ```shell npm install react-dev-utils --save ``` 3. 如果你已经正确安装了'react-dev-utils'，但仍然出现错误，请尝试删除node_modules文件夹并重新安装依赖项： ```shell rm -rf node_modules npm install ``` 请注意，以上步骤是一般性的解决方法，具体的解决方法可能因项目配置和依赖项的不同而有所差异。如果以上步骤无法解决问题，请提供更多的上下文信息，以便我能够更好地帮助你。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值