避坑09_v-charts引入报错Can‘t resolve ‘echarts/lib/......

已于 2022-02-27 23:08:58 修改
阅读量4.4k 收藏
点赞数
分类专栏： 走过的坑 文章标签： echarts 前端
于 2022-02-24 23:47:56 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/linxwx/article/details/123123577
版权
一、问题

引入v-charts一直报错Can't resolve 'echarts/lib/......

二、原因及解决方法

原因
因为该库的作者很久未更新了（更新至2021.4.6），跟不上echats的速度，所以echarts5版本后的一些参数是没有的
解决
降低echarts版本，参考可用：echarts 4.0.1

v-charts官网
v-charts_github地址

ParadoxLin
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
v-charts-基于Vue2.x和Echarts的图表组件。-Vue.js开发
05-27
v-charts文件| 样本项目| 英文| 基于Vue2.x和Echarts的图表组件功能统一的数据格式：使用统一的数据格式v图表。 样本项目| 英文| 基于Vue2.x和Echarts的图表组件具有统一的数据格式：使用统一的数据格式，既方便了前端和后端，又易于创建和编辑。 简化的配置：使用简化的配置项，可以轻松实现复杂的需求。 简单的自定义：提供多种自定义Echarts方式，您可以轻松设置图表选项。 支持现代br
避坑 v-charts 报错 Can‘t resolve ‘echarts/lib/......
weixin_47151361的博客
06-09 4493
项目用的是vuesax的框架，由于是上面给的框架，咱也不好意思吐槽就自己琢磨吧 项目用到了v-charts,但是该作者更新到2021.4.6之后就停更了，跟不上echats的速度，所以echarts5版本后的一些参数是没有的，就导致了报错 解决该问题可以： 1.降低echarts版本，参考可用：echarts 4.0以后的版本 2.npm install echarts5@npm:echarts@5.3.2 ......
解决报错Can‘t resolve ‘echarts-gl‘ in ‘××ב和error Error: certificate has expired问题
最新发布
2301_78767322的博客
03-06 245
解决报错Can't resolve 'echarts-gl' in '×××'和error Error: certificate has expired问题
ilog-charts3d.rar_ILOG_ILOg charts_flex_ilog-elixir_ilog.charts3
09-24
ilog官方flexchart3的源码，可以直接导入项目运行的。
IPC-7251-Padstack-Charts.rar_嵌入式/单片机/硬件编程_QT_
08-11
PCB板通孔焊盘制作标准-IPC-7251
XCL-Charts-master.zip_Android-Charts_XCL-Charts_android_java中xch
09-19
android应用中一些比较常用的绘制图表的类，可绘制各种图表(非原创，资源分享)
Can‘t resolve ‘axios‘和Can‘t resolve ‘echarts‘报错
CLAY_Z的博客
04-17 1815
vue项目中没有axios和echarts依赖。
echarts绘制globe等3d图无效
Jone's Area
01-20 2689
复制官方示例代码，发现无效，原来要画这种3d类的需要另外引入一个包echarts-gl，戳我直达 js <script src="lib/echarts.min.js"></script> <script src="lib/echarts-gl.min.js"></script> webpack //安装 npm install echarts npm install echarts-gl //使用 import echarts from '...
React使用echarts-for-react出现Module not found: Can‘t resolve ‘echarts‘ ..
jyl919221lc的博客
12-27 881
问题产生：项目中使用node16.20.1安装echarts-for-react使用正常，构建采用的时14.x.x降低项目版本后发现包文件获取失败。
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 ） 然后再启动一下，我的就可以了呀
React： Can‘t resolve ‘echarts‘ ...
YYTX_YS的博客
05-25 625
解决react：Can‘t resolve ‘echarts‘ ...
vue-echarts-Vue.js的ECharts组件。-Vue.js开发
05-27
Vue-ECharts Vue.js的ECharts组件。 版中文版基于ECharts v4.1.0 +，并依赖于Vue.js v2.2.6 +。 安装npm（推荐）$ npm inst Vue-ECharts Vue.js的ECharts组件。 版中文版基于ECharts v4.1.0 +，并依赖于Vue.js v2.2.6 +。 安装npm（推荐）$ npm install echarts vue-echarts CDN在您HTML文件中包括echarts和vue-echarts，如下所示：
vue使用
nelly521的博客
07-16 253
运行 npm i v-charts echarts@4.9.0 -S解决。
vue-chart引入报错Error: Can‘t resolve ‘echarts/lib/data/helper/completeDimensions‘ in ‘/Users
MarshallOrz的博客
04-27 4818
降级echarts 运行 npm i v-charts echarts@4.9.0 -S解决 参考：v-charts使用，报错找不到 echarts/lib/visual/dataColor - 简书
Echarts报错总结（内含三种常见错误，看看有没有你心仪的）
weixin_46870848的博客
08-05 6682
echarts一般安装报错和大多数npm安装报错一样，哪怕和别人的报错不太一样，（像我是报了263个错），或者你的就是can't resolve "xxx",那么大概率是你安装的版本和你的框架等版本不合。由于echarts图表只有在dom渲染后，才可以进行初始化，所以此处不能在created里面初始化图表，异步请求图表数据，应该要在mounted()里面进行这步操作。解决方案：(vue2跟echarts现在最新的版本5字头在一起都会报错，故降低版本就好啦）（后者是清理echarts 但是不销毁实例）....
vue中使用Echarts
devin_csdn的博客
01-18 560
前几天我们做好了一个权限管理的平台，今天我们在这个平台里练习vue2如何使用echarts。 如图这是echarts中的一个典型的关系图，每个圆圈都是一个节点，每两个节点相连就形成了这样一个关系网。 如何引入echarts呢，最好就是去官网查看，它会给我们示例可以选择按需引入方式。首先要下载 npm i echarts -S , 然后根据文档一步步操作就好。 需要注意的是，官网这里有关option里的数据是通过外部链接请求过来的，它使用jQuery的Ajax请求，但是我们使用的是vue，如果直..
Module not found: Error: Can‘t resolve “xxx“ in “xxx“导致该问题的解决方案
热门推荐
qq_59389108的博客
01-07 5万+
其细致的报错为：Module not found: Error: Can't resolve './images/logo.png' in 'xxx'2：在非路由组件中的style下采用了less样式，而没有下载less相关依赖。在遇到报错时应该仔细阅读报错提示，这样解决起来也不会没有头绪。1：在非路由组件中出现了图片路径，而路由根组件并未导入该图片。根据报错提示反应的情况是：找不到模块：错误：无法解析。在此处我们谈论一下解决该类报错的几种方法。解决方案：在非路由组件下导入该图片。
一招解决vue中Module not found: Error: Can‘t resolve ‘xxx‘
m0_64453243的博客
06-03 3万+
一招解决vue中Module not found: Error: Can‘t resolve ‘xxx‘
WebStorm运行run dev时错误
gsonya的博客
04-19 1876
控制台显示： 缺少两个依赖，To install them, you can run: npm install --save echarts-wordcloud/dist/echarts-wordcloud echarts-wordcloud/dist/echarts-wordclou d.min 网页显示： Module not found: Error: Can't resolve...
echarts/lib/chart/candlestick in ./node_modules/v-charts/lib/index.js
08-16
根据你的引用内容，你想知道在v-charts的index.js文件中是否引入了echarts的candlestick模块。 根据我所了解的情况，根据你提供的引用内容，没有明确显示v-charts的index.js文件是否引入了echarts的candlestick模块。引用中提到了引入了LineCharts、BarChart和PieChart这几个模块，但没有提到candlestick模块。引用中提到了使用ref来初始化echarts图表，但没有提到candlestick模块。引用中提到了全局引入echarts，但同样没有提到candlestick模块。 所以，根据我所了解的信息，目前无法确定v-charts的index.js文件是否引入了echarts的candlestick模块。如果你需要更准确的答案，建议查看v-charts的相关文档或代码来确认是否引入了candlestick模块。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [Vue Echarts 怎样按需引用](https://blog.csdn.net/fd2025/article/details/124214111)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值