在vue中使用echarts Cannot read property ‘init‘ of undefined报错

最新推荐文章于 2023-11-10 11:50:56 发布
最新推荐文章于 2023-11-10 11:50:56 发布
阅读量249 收藏 2
点赞数 2
文章标签： bug echarts vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42444795/article/details/112996417
版权

由于第一次用echarts,所以就遇上了版本现状
可以更换版本来解决最新版echarts 5.1版本的init()方法报错问题
1.卸载原来的echarts版本

npm uninstall echarts --save

2.装上4.8版本的echarts

 npm install echarts@4.8.0 --save

在这里插入图片描述

独夜
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
在vue中添加Echarts图表的基本使用教程
08-28
虽然老早就看过很多echarts的例子， 但自己接触的项目中一直都没有真正用到过，直到最近才开始真正使用，下面这篇文章主要给大家介绍了关于在vue中添加Echarts图表的基本使用教程，文中通过示例代码介绍的非常详细，需要的朋友可以参考下。
在Vue中使用echarts的实例代码（3种图）
08-30
本篇文章主要介绍了在Vue中使用echarts的实例代码（3种图），小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
在Vue中使用echarts的方法
08-28
主要介绍了Vue中使用echarts的方法，非常不错，具有参考借鉴价值,需要的朋友可以参考下
在Vue中使用Echarts实例图的方法实例
10-14
主要给大家介绍了关于如何在Vue中使用Echarts实例图的相关资料，文中介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx
01-21
Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx
vue使用echarts报错Cannot read property 'init' of undefined或者echarts.init is undefiend解决
i++;
04-11 4699
在使用init方法初始化前一定会获取一个dom元素，检查dom元素是否建立成功， 可尝试弹框弹出查看一下，弹出值为nulldom元素为创建。出现这个错误为加载顺序问题，，调整加载顺序。解决。 ...
Vue||引入echarts，初始化 init 报错Cannot read property ‘init‘ of undefined 或者 echarts.init is not a function
FQ_QIU的博客
06-01 3859
Vue引入echarts.js，初始化init()遇到的坑。
Cannot read property ‘init‘ of undefined
热门推荐
qq_44802808的博客
01-14 1万+
在项目中导入echarts插件时，报了这个问题，当时以为是，没有获取到dom元素，所以用$refs的形式获取dom元素 改变获取元素的方式后，还是报同样的错，但已经确定这两种方式都可获取到dom元素 于是，最后在网上搜索之后，发现需要在导入包的时候添加上 * as 即可 看网上说还有一种原因是因为echarts版本太高导致的，应该引入4.9.0或4.8.0版本，但尝试后没有解决我的问题 ...
echarts出现 “TypeError: Cannot read property ‘init‘ of undefined“报错解决
qq_49002903的博客
02-21 2717
导入echarts时用：import echarts from ‘echarts’ 出现 “Cannot read property ‘init’ of undefined” 报错，改成 import * as echarts from ‘echarts’ 后解决。
echarts Cannot read property ‘init‘ of undefined报错问题解决
Qpzzz的博客
02-02 488
这是因为echarts更新到5.01了，你 npm install echarts --save 安装的是最新版本的echarts，解决报错2个办法： 1.降低echarts的版本，例如降到4.8。 2.改变main.js里面引入方式： // import echarts from 'echarts'//引入echarts--v4 import * as echarts from 'echarts';// --v5 Vue.prototype.$echarts = echarts ...
TypeError: Cannot read property ‘init‘ of undefined
qq_30815659的博客
04-07 1695
使用element 的echarts 进行图表渲染时 如果报TypeError: Cannot read property ‘init’ of undefined 可以在引入的时候修改 import * as echarts from 'echarts'
vue中使用echarts报错：“TypeError: Cannot read property ‘init‘ of undefined“报错原因及解决方案
发育中的前端
04-02 7936
文章目录报错原因解决方案 报错原因 通过npm安装的是最新版echarts依赖，5.x版本，而5.x版本的引入方式有所改变，所以造成按4.x方式引入报错，官网已经明确说明 解决方案 将main.js中引入echarts的方式由4.x引入方式： import echarts from 'echarts' 换为5.x引入方式： import * as echarts from 'echarts' 就ok了 ...
vue项目使用echart，以及报错处理Error in mounted hook: “TypeError: Cannot read property ‘init‘ of undefined
weixin_47981445的博客
09-30 2754
vue项目中使用echarts，报错Error in mounted hook: “TypeError: Cannot read property ‘init‘ of undefined 错误代码图片 解决思路： 原因：是因为下载的echarts为最新版本，很多时候使用的echarts示例都是不支持的，因此在项目运行时会报错。 问题处理： 首先：需要卸载掉项目安装的最新版本echarts //卸载代码指令 npm uninstall echarts 然后：安装指定的并且稳定的echarts版本号，可以百
Vue 引用echarts报错Cannot read property ‘init‘ of underfined
林中明月间丶
04-21 405
https://blog.csdn.net/weixin_43854764/article/details/102543703 引用echarts报错Cannot read property 'init' of underfined https://blog.csdn.net/dairen_j/article/details/111398475?utm_medium=distribute.pc_relevant_t0.none-task-blog-2~default~BlogCommendFromMac.
“TypeError: Cannot read property ‘init‘ of undefined“
特战程序员
05-27 896
报错：“TypeError: Cannot read property ‘init’ of undefined” 解决方法： 把import echarts from 'echarts' 改为import * as echarts from 'echarts'
Uncaught TypeError: Cannot read property 'init' of undefined
hdn_kb的博客
02-11 7338
在工作中有一次遇到了前端控制台报错的问题： 这是我在使用zTree属性结构插件的时候遇到的问题，主要原因是：我在引入js的时候，将zTree.js放在了jquery.js的前面所导致的。 解决办法：将jquey.js文件放在最前面即可。 因此，我们在引入js文件的时候，如果需要引用jquery.js，则一定一定要把jquey.js文件放在做前面。 ...
echarts引入后报错“TypeError: Cannot read property ‘init‘ of undefined“
weixin_46115723的博客
03-16 495
解决方法一：切换低版本echarts 解决方法二： 无论是通过CDN还是通过npm安装引入的echarts在其引入项目的地方将import echarts from ‘echarts’
uniapp和vue3报错Cannot read property ‘init‘ of undefined 或者 echarts.init is not a function
最新发布
11-10 727
报未定义错误，说明echarts未定义，echarts未引入成功。
echars中 Cannot read properties of undefined (reading 'init')报错
08-23
- *2* *3* [vue引入echarts报错Cannot read properties of undefined (reading ‘init‘)](https://blog.csdn.net/weixin_65456815/article/details/129611350)[target="_blank" data-report-click={"spm":"1018....

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

独夜

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值