React使用echarts-for-react出现Module not found: Can‘t resolve ‘echarts‘ ..

最新推荐文章于 2025-01-11 08:18:26 发布
最新推荐文章于 2025-01-11 08:18:26 发布
阅读量1.6k 收藏 8
点赞数 11
文章标签： react.js echarts 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jyl919221lc/article/details/135247786
版权
文章讲述了在项目中从node16升级到node14时，由于echarts-for-react在低版本Node中需要额外安装echarts，导致包文件获取失败。解决方法是使用npminstallechartsecharts-for-react进行安装。

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

问题产生：项目中使用node16.20.1安装echarts-for-react使用正常，构建采用的时14.x.x降低项目版本后发现包文件获取失败

原因

node高版本在使用echarts-for-react时不需要自身安装echarts，node14版本中需要手动安装echarts

解决方案

npm install echarts echarts-for-react
夜斗(dou)
关注
Module not found: Error: Can't resolve '@/components/achievement/echartsPage' in '/app/src/views/ach
程裕强的专栏
03-17 6547
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...
【React + Antd 教程】Failed to compile. Module not found: Can't resolve 'antd/dist'完美解决
菜鸟的后花园
04-28 1万+
【React + Antd 教程】Failed to compile. Module not found: Can’t resolve 'antd/dist’完美解决 今天在学习React + Antd时 出了个不能编译的报错 Failed to compile. ./src/App.js Module not found: Can't resolve 'antd/dist' in 'G:\***...
【Git】报错：Module not found: Error: Can‘t resolve ‘echarts‘ in ‘node_modules/echarts-for-react/esm‘
qq_45677671的博客
07-17 758
Module not found: Error: Can't resolve 'echarts' in 'node_modules/echarts-for-react/esm'
v-charts 报错：Module not found: Error: Can‘t resolve ‘echarts/lib/chart/...‘ in ‘...‘
程序员大佬超的博客
07-01 716
运行vue项目时，报错如下。
Module not found: Can‘t resolve ‘echarts-for-react‘ in
qq_45742208的博客
12-17 1万+
@Module not found: Can’t resolve ‘echarts-for-react’ in 查看package.json文件有没有安装echarts-for-react，装了会看到，没装的安装一下应该就可以了 我这里安装了，但是依然not found，初步估计可能是安装的时候有丢失？于是再装一遍试试吧？ 指令：yarn add echarts-for-react （用npm：npm install --save echarts-for-react ） 然后再启动一下，我的就可以了呀
Vue项目出现Module not found: Error: Can‘t resolve ‘echarts‘ in “......“
lijun_U的博客
11-10 884
Windows 的命令提示符、PowerShell 或者 cmd。：确保你在命令行中位于你的 Vue 项目的根目录下。
避坑 v-charts 报错 Can‘t resolve ‘echarts/lib/......
weixin_47151361的博客
06-09 5096
项目用的是vuesax的框架，由于是上面给的框架，咱也不好意思吐槽就自己琢磨吧 项目用到了v-charts,但是该作者更新到2021.4.6之后就停更了，跟不上echats的速度，所以echarts5版本后的一些参数是没有的，就导致了报错 解决该问题可以： 1.降低echarts版本，参考可用：echarts 4.0以后的版本 2.npm install echarts5@npm:echarts@5.3.2 ......
Module not found: Error: Can’t resolve ‘path’ in ‘E:\credit-review-system\src\layout\components’
weixin_45503733的博客
09-08 862
Module not found: Error: Can’t resolve ‘path’ in ‘E:\credit-review-system\src\layout\components’
Module not found: Error: Can‘t resolve ‘./app‘ in ‘/home/user/Desktop/my_app/src‘
最新发布
suiusoar
01-11 666
模块未找到：错误：无法解析 './app'，路径：'/home/user/Desktop/my_app/src'
Module not found: Error: Can't resolve 'echarts-for-react' in 'D:\webRoot\yunguchiWind\window\src\component\kanpan\dapan'
08-25
这错误通常表示在你的项目中找不到名为 'echarts-for-react' 的模块。要解决这个问题，你可以尝试以下几个步骤： 1. 确保你已经安装了 echarts-for-react 模块。你可以使用以下命令进行安装： ``` npm install ...
node报错./node_modules/_history@4.10.1@history/esm/history.js Module not found: Can‘t resolve ‘@babel/
Kristen的博客
07-05 693
新拉取的项目在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
React： Can‘t resolve ‘echarts‘ ...
YYTX_YS的博客
05-25 836
解决react：Can‘t resolve ‘echarts‘ ...
vue+TypeScript：运行项目出现找不到模块“echarts-for-react“的解决办法
2301_78767322的博客
01-16 598
看了package.json文件，里面已经安装好了echarts-for-react，但还是报这个错。运行项目时报错: 找不到模块"echarts-for-react"，导致项目启动失败。重新启动一下项目即可。控制台中输入一下指令。
避坑09_v-charts引入报错Can‘t resolve ‘echarts/lib/......
linxwx的博客
02-24 4712
解决方法：降低echarts版本，参考：echarts 4.0.1
【已解决】error - Can not resolve dependence : ‘echarts-for-react‘, please install it
weixin_61370021的博客
04-20 383
【报错解决】error - Can not resolve dependence : 'echarts-for-react', please install it。
React项目报错Module not found: Error: Can‘t resolve ‘react-native‘
weixin_45769562的博客
07-21 2149
import { Text, TextInput, View } from 'react-native'后编译出错，解决办法：npm install react-native-web。
react启动项目报错：Module not found: Error: Can‘t resolve ‘@/路径‘ in ‘路径‘
weixin_53198972的博客
08-02 2385
原因：这个错误是由于create-react-app项目已经不再维护，所以babel-preset-react-app依赖的 "@babel/plugin-proposal-private-property-in-object"包可能不再更新，导致出现未声明依赖的错误。文件中添加"@babel/plugin-proposal-private-property-in-object"包到devDependencies中。原因：webpack没有对@绝对路径进行配置，导致没有办法识别该路径。
React项目报Module not found: Error: Can't resolve ... in ...
热门推荐
weixin_41813970的博客
01-17 3万+
在自己搭建react项目中，引入.jsx的文件，结果报出如下错误： 检查语法也没有问题，经过反复排查，查出是由于省略了.jsx，但由于webpack环境是由自己搭建，没有在webpack.config.js中加入自动补全后缀配置； 在webpack.config.js中加入如下代码： 再重新启动就正常运行了... 这只是报这种错误的一种原因吧......
react项目启动失败 Module not found
tayngh的博客
10-22 4347
前端同学太忙，改点样式这种小事当然是自己动手~ o(*￣▽￣*)o 结果...别人都能运行的项目，就我不行！！！ 以下是项目配置 package.json .env 通过网上搜索进行了各种各样的尝试 1.删除package-lock.json和node_modules，再重新npm install 或 yarn install 2.切换node版本（怀疑版本不兼容，把node,npm都设置成和同事的一致） 3.清除npm缓存npm cache clean，强制清除npm cach...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值