Module not found: Can't resolve '@babel/runtime/helpers/esm/extends' in '..node_modules\history\esm'

最新推荐文章于 2023-12-17 15:21:49 发布

爱编程的兔子

最新推荐文章于 2023-12-17 15:21:49 发布

阅读量7.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： react 文章标签： react error

本文链接：https://blog.youkuaiyun.com/wjnf012/article/details/89003546

react 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种在React项目中安装依赖后遇到的模块找不到错误，并提供了一个临时解决方案，即将 '@babel/runtime/helpers/esm/extends' 更改为 '@babel/runtime/helpers/es6/extends'。

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

react安装依赖后报错：

Module not found: Can't resolve '@babel/runtime/helpers/esm/extends' in 'D:\HIKV\APP_components\saas_face_demo\branches\v1.0.1\node_modules\history\esm'

暂时解决方法：
将

 import _extends from '@babel/runtime/helpers/esm/extends';

改为

import _extends from '@babel/runtime/helpers/es6/extends';

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

爱编程的兔子

关注关注

0
点赞
踩
1

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

node报错./node_modules/_history@4.10.1@history/esm/history.js Module not found: Can‘t resolve ‘@babel/

Kristen的博客

07-05

723

新拉取的项目在npm run的时候遇到了以下node报错报错的意思是没有找到4.10.1版本的history包没有找到babel依赖，所以无法运行。于是我们可以运行一下下方这个指令，来确认一下当前项目下history的版本：运行结果 history包的版本确实是4.10.1 那么为什么会出现找不到babel依赖的问题呢？我去GitHub上翻看了一下4.10.0的history包依赖版本，发现他们的babel依赖已经升级成7了，而我们项目使用的babel依赖还是6。最后查了一下，4.7.2的hist

Module not found: Error: Can't resolve '@/components/achievement/echartsPage' in '/app/src/views/ach

程裕强的专栏

03-17

6565

ERROR in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/views/achievement/CategoryDepart.vue Module not found: Error: Can't resolve '@/componen...

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

Modal not found: Can't resolve '@babel/runtime/helpers/esm/extends'

JudyC的博客

03-22

1万+

项目用的dva 最近从gitlab上down下来npm install之后总报如下错误: ./node_modules/history/esm/history.js Module not found: Can't resolve '@babel/runtime/helpers/esm/extends' in 'D:\gitlab\uam_web\node_modules\history\esm' ...

Module not found: Can't resolve '@babel/runtime/helpers/esm/extends'解决方案

weixin_42259631的博客

03-26

1万+

构建react项目时，出现了以下错误： Module not found: Can't resolve '@babel/runtime/helpers/esm/extends' ... 解决方案如下：找到package.json。修改package.json中的roadhog换为:’^2.5.0-beta.4’ 即： "roadhog": "^2.5.0-beta.4", 然...

Module not found: Can‘t resolve ‘@babel/runtime/helpers/esm/extends‘ in ‘C:\Users\wdg\Desktop\Ant-De

datouniao1的博客

09-11

1909

react 项目启动出现下面的报错： ./node_modules/_history@4.10.1@history/esm/history.js Module not found: Can't resolve '@babel/runtime/helpers/esm/extends' in 'C:\Users\wdg\Desktop\Ant-Design-Login-master\no de_modules\_history@4.10.1@history\esm' 解决办法：将上面的： i..

Can‘t resolve ‘@babel/runtime/helpers/esm/extends‘的解决方法

BHSZZY的博客

05-30

2713

一种解决方法，可以试试

Can't resolve '@babel/runtime/helpers/esm/extends' in '...\node_modules\_history@4.10.1@history\esm'

混沌人的博客

11-14

1082

DvaJs在cnpm start时报错： Module not found: Can’t resolve ‘@babel/runtime/helpers/esm/extends’ in ‘…\dva-quickstart\node_modules_history@4.10.1@history\esm’ 解决方案：修改“node_modules\history\esm\history.js”文件...

运行react-native init 新建0.57.1项目运行报错【`@babel/runtime/helpers/interopRequireDefault` does not exist】

移动开发技术分享

09-29

6337

2018-09-29 16:02:11.285108+0800 MyProject[42509:331244] Failed to load bundle(http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false) with error:(Unable to resolve module `@babe...

Taro使用Vue3踏坑日记：Module not found: Can‘t resolve ‘@vue/server-renderer‘ in ‘/Users/...‘

楼招颜

06-07

1500

版本：Taro v3.0.7 使用框架：Vue3 项目完成后，进行编译时报错编译失败横向对比一下尝试使用框架React进行安装，taro版本依旧项目可以正常编译，也可以正常使用和开发 Vue3框架编译时安装了Vuex以及使用了TS，看下报错信息发下有个模块没有找到在项目中也没有找到这个模块 @vue/server-renderer 翻了一下package没有对应的模块，我决定尝试安装一下这个模块安装完成 @vue/server-renderer模块后再次..

Module not found: Error: Can‘t resolve ‘./components/Login.vue‘ in 项目路径问题

未来来

10-24

1万+

项目环境 @vue/cli 4.5.7 问题描述 1、在 "./src/components/“文件夹下创建"Login.vue"文件； 2、在路由文件（”./src/router/index.js）中编写路由： import Vue from 'vue' import Router from 'vue-router' import Login from './components/Login.vue' Vue.use(Router) export default new Router({ ro

Module not found: Error: Can't resolve 'babel-runtime/helper/extends'

monica1_1的博客

11-29

1万+

最近启动一个vue的项目，结果老是报错，还是一大片的爆红，上网搜了很多，竟说些有的没的，在此解决了，以作记录~ 报错1场景： ERROR in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue Module not fo...

Can't resolve '@babel/runtime/helpers/esm/extends'

湫沐椿风

08-21

4915

公司ant design pro的项目down下来后运行出错去网上看了下有的说修改package.json中的roadhog换为:’^2.5.0-beta.4’按照操作试了下，这个是不报错了，但是报了代码里面的request方法错误，怎么想也不可能是代码出错了于是看了下history的代码，里面第一行导入了import _extends from '@babel/runtime/h...

Module not found: Can't resolve '@babel/runtime/helpers/esm/assertThisInitialized'

Seeyoucm

04-12

4572

Module not found: Can't resolve '@babel/runtime/helpers/esm/assertThisInitialized'

ERROR in ./node_modules/express/lib/request.js Module not found: Error: Can't resolve 'fs' in 'xx文件'

mrliucx的博客

04-17

3996

ERROR in ./node_modules/express/lib/request.js Module not found: Error: Can’t resolve ‘fs’ in ‘xxx文件夹’ 1.检查是否有fs，没有的话就进行安装npm install ‘xxx’ 错误还存在 ==> 执行步骤2 2.在webpack.config.js下面添加 node: { fs: ‘e...

关于npm install 下载完成后，运行项目报错Module not found: Error: Can't resolve 'tls' in 'D:\frontEnd\node_modules\

最新发布

03-08

<think>好的，我现在需要帮助用户解决在将axios升级到1.6.8版本后遇到的模块找不到的问题。用户提到的错误是“Cannot find module '.../@babel/runtime/helpers/esm/slicedToArray'”。首先，我需要分析这个错误的原因。首先，这个错误看起来和axios升级没有直接关系，因为axios本身不直接依赖@babel/runtime。可能的原因可能是项目中的其他依赖，比如Umi或者Babel相关包，在升级过程中出现了版本不兼容，或者依赖安装不完整。接下来，我需要考虑可能的解决方案。首先想到的是清理node_modules并重新安装依赖，因为有时候安装过程中可能会出现文件缺失。然后，检查@babel/runtime的版本是否过低，可能需要升级到与Umi兼容的版本。另外，Umi的版本可能过旧，不支持当前的Babel配置，所以升级Umi可能有效。另外，用户可能在项目中使用了一些旧的语法或配置，导致Babel在转换时引用了不存在的helper函数。检查Babel配置，确保正确包含所需的插件，或者调整语法以避免使用某些转换可能也有帮助。可能还需要检查是否有多个版本的@babel/runtime被安装，导致路径解析错误。使用npm ls或yarn why来确定依赖树中的问题，然后通过dedupe命令解决冲突。最后，如果所有方法都无效，可能需要降级Umi版本，或者临时手动安装缺失的模块，但这只是权宜之计。需要用户提供更多信息，如package.json和错误堆栈，以便更准确地诊断问题。</think>这个错误本质上是Babel运行时依赖缺失导致的模块解析问题，与axios升级没有直接关联。以下是分步骤解决方案： ### 一、核心原因分析 ```bash @umijs/babel-preset-umi -> @babel/runtime@7.x -> slicedToArray helper ``` 1. 依赖树断裂：Umi的Babel预设需要特定版本的@babel/runtime 2. 安装不完整：可能使用了不同包管理器混用导致 3. 版本冲突：项目中可能存在多个@babel/runtime版本 ### 二、分步解决方案 #### 第一步：强制清理依赖 ```bash # 删除现有依赖 rm -rf node_modules package-lock.json yarn.lock # 清理缓存 npm cache clean --force || yarn cache clean # 重新安装（推荐使用yarn） yarn install --check-files ``` #### 第二步：版本对齐（重点） ```diff // package.json { "dependencies": { "@umijs/babel-preset-umi": "^4.0.0", + "@babel/runtime": "^7.23.5", "umi": "^4.0.0" } } ``` 安装命令： ```bash yarn add @babel/runtime@7.23.5 -D ``` #### 第三步：检查依赖树 ```bash # 查看依赖关系 npm ls @babel/runtime # 预期输出应包含： # └─┬ @umijs/babel-preset-umi@4.x.x # └── @babel/runtime@7.23.5 ``` #### 第四步：配置补丁（可选）在`.umirc.ts`中添加： ```typescript export default { extraBabelPresets: [ ['@babel/preset-env', { targets: { chrome: 80 }, useBuiltIns: 'usage', corejs: 3 }] ] } ``` ### 三、常见问题排查 1. **多版本冲突场景**： ```bash # 强制指定版本 yarn add @babel/runtime@7.23.5 --exact ``` 2. **Monorepo项目特殊处理**： ```bash # 在项目根目录执行 npx lerna add @babel/runtime@7.23.5 --dev --exact ``` 3. **紧急修复方案**： ```javascript // 在入口文件顶部添加 if (!require.resolve('@babel/runtime/helpers/esm/slicedToArray')) { require('@babel/runtime/helpers/slicedToArray'); } ``` ### 四、版本兼容对照表 | Umi版本 | 所需@babel/runtime版本 | Node版本要求 | |---------|------------------------|--------------| | 4.x | 7.23.x | >=14.19 | | 3.x | 7.15.x | >=12.22 | | 2.x | 7.12.x | >=10.13 | ### 五、验证方案 1. 检查构建产物： ```bash npx umi build --analyze ``` 查看生成的`dist/umi.js`中是否包含`slicedToArray`相关代码 2. 运行时检测： ```javascript // 在浏览器控制台执行 console.log( '__BABEL_RUNTIME_VERSION__:', window.g_umiBabelRuntime.version ) ``` 若问题仍未解决，建议提供以下信息： 1. `package.json` 完整依赖列表 2. 执行 `npx umi -v` 的输出 3. 错误发生的完整堆栈信息（可删除敏感路径）