Echarts图表报错：TypeError: Cannot read property ‘init‘ of undefined

最新推荐文章于 2024-03-20 09:12:23 发布
最新推荐文章于 2024-03-20 09:12:23 发布
阅读量587 收藏
点赞数
分类专栏： Echarts 文章标签： echarts vue 可视化
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zw_Hoo/article/details/119860763
版权

Echarts图表报错：TypeError: Cannot read property ‘init’ of undefined解决

用vue导入echarts图表报错，在这里使用两种方法解决

在这里插入图片描述
将原来导入的

import echarts from 'echarts'

改为：

import * as echarts from 'echarts'

或者换种导入方式改为：

let echarts = require('echarts')

即可显示可视化图表，

欢迎补充~

前端前行者
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
[Vue warn]: Error in mounted hook: “TypeError: Cannot read property ‘getAttribute‘ of null“
郭宝的博客
06-24 11万+
错误场景一： 错误提示： 在运行Vue项目时出现了上述错误，出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化所造成的，代码如下： // 基于准备好的dom，初始化echarts实例 var bar_dv = document.getElementById('bar_dv'); let myChart = this.$echarts.init(bar_dv) 解...
Vue引入echarts报错Error in mounted hook: “TypeError: Cannot read property ‘getAttribute‘ of null“
weixin_36106791的博客
07-15 2819
问题出现场景 今天在vue中引入echarts时，运行报错 [Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'getAttribute' of null】 ## 问题排查 在运行Vue项目时出现了上述错误，出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化所造成的，代码如下： var myChart = echarts.init(this.$refs.map)
echarts报错 Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘init‘)“
BaiYixin的博客
03-20 234
原先，按文档引用echarts，于 main.js 文件中输入。echarts图像加载时报错。对第一行导入进行修改。
echarts中地图提示"TypeError：i is undefined"
游海东的技术专栏
07-20 6594
1、错误描述2、错误原因3、解决办法
echarts Cannot read property ‘init‘ of undefined 报错问题
qq_41186500的博客
12-07 3539
一、查看容器是否有宽高（容器一定要有宽高） <div id="main" style="height:800px;width:600px;" /> 二：查看引入对错 我直接 import echarts from 'echarts’时也会报错，所以后面修改了引入时的写法import * as echarts from 'echarts’ 三：初始化实例时 开始用的let myChart = this.echarts.init(this.echarts.init(this.echarts.in
echarts Cannot read property ‘init‘ of undefined报错问题解决
Qpzzz的博客
02-02 532
这是因为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 ...
echarts Cannot read property ‘init‘ of undefined“
每日秃头
05-06 446
下载下面这个版本可解决 cnpm install echarts@4.8.0 --save
Vue eCharts Cannot read property ‘init‘ of undefined 报错问题
EsquireY的博客
12-10 5200
在vue 项目中使用 eCharts ，但是项目一直报 init of undefined ，查阅很多资料，方法不一 1，元素没有设长宽 <template> <div class="container"> <div id="myChart" ref="myChart" style="width: 600px; height: 400px"></div> </div> </template> 2，初始化实例应该写在 .
echarts报错：Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘init‘)“
热门推荐
“山水一程”博客
03-14 1万+
echarts， Error in mounted hook: "TypeError: Cannot read properties of undefined (reading 'init')"
uniapp使用echarts在h5可以运行,实机测试报错:TypeError: Cannot read property 'getElementsByClassName' of undefined
06-02
这个错误可能是由于在实机测试时，DOM元素还没有加载完成，导致ECharts无法找到指定的DOM元素而报错。你可以尝试在页面加载完成后再初始化ECharts图表，可以使用uniapp提供的`onReady`生命周期函数或者`mounted`钩子...
vue使用echarts简单教程（错误：Error in mounted hook: “TypeError: Cannot read property ‘getAtrribute’ of undef）
lanseguhui的博客
05-21 3981
1.安装依赖 npm install echarts -S 2.在main.js中引入 import echarts from 'echarts' Vue.prototype.$echarts = echarts 3.在组件中使用 html标签,一定要设置宽高 <div ref="activity" style="width:100%;height:285px"></div> 定义一个初始化的方法中写 echartsInit(){ let act
vue eCharts Cannot read property ‘init‘ of undefined 报错问题
zhufan2333的博客
07-21 332
打断点发现this.$echarts为undefined，怀疑引入依赖问题，检查package.json已引入，最后更换。",//替换为4.8.0。解决，可能是最新版本问题。eCharts的版本。
vue项目使用echarts报错：Cannot read property ‘init‘ of undefined
m0_51642356的博客
01-20 191
vue使用echarts报错：Cannot read property ‘init’ of undefined解决方案 原因分析： echarts版本过高 解决： npm ls echarts查看的echarts版本 终端中输入：npm install echarts@4.0.0 --save
vue中使用echarts报错：Cannot read property ‘init‘ of undefined
艾丽的博客
02-05 1003
自己这里报错的原因是因为版本过高 解决方法如下： 首先卸载echarts： npm uninstall echarts --save 安装4.1.0版本（@后面是指定想安装 的版本号） npm install echarts@4.1.0 --save 问题解决！
echarts引入后报错“TypeError: Cannot read property ‘init‘ of undefined“
weixin_46115723的博客
03-16 536
解决方法一：切换低版本echarts 解决方法二： 无论是通过CDN还是通过npm安装引入的echarts在其引入项目的地方将import echarts from ‘echarts’
在vue中使用echarts Cannot read property ‘init‘ of undefined报错
qq_42444795的博客
01-22 284
由于第一次用echarts,所以就遇上了版本现状 可以更换版本来解决最新版echarts 5.1版本的init()方法报错问题 1.卸载原来的echarts版本 npm uninstall echarts --save 2.装上4.8版本的echarts npm install echarts@4.8.0 --save ...
Vue echarts初始化实例Error in mounted hook: “TypeError: Cannot read property ‘init‘ of undefined“
一往直“前”，直上云“端”
08-13 770
项目场景： Vue echarts初始化实例：Error in mounted hook: “TypeError: Cannot read property ‘init’ of undefined” 问题描述： 1.安装echarts依赖 　　通过 npm 获取 echarts，npm install echarts --save 2.main.js中全局引用 import echarts from 'echarts' // 全局方法挂载 Vue.prototype.$echarts
Vue读取JS文件里的Echarts图像 “TypeError: Cannot read property ‘init‘ of undefined“
qq_41835813的博客
03-13 166
vue文件 <template> <div> <div id="main" style="width: 600px;height:400px;"></div> </div> </template> <script> import {mychartsetiption} from "@/views/newFo/ditu" export default { created() { }
vue 中使用 echarts 出现 Cannot read property ‘init‘ of undefined 错误 （已解决）
weixin_50074995的博客
07-05 817
一开始使用echarts的时候使用了这样的初始化方式 let mychart = echarts.init(document.getElementById("id")); 结果出现了以上的错误，以为是getElementById出现了问题 后面使用了这种方式尝试，也是出现了错误 let dom = document.getElementById("id") let mychart = echarts.init(dom); 后来开了debugger看了一下，dom获取到了正确的值，那就应该是echarts
echarts 报错：TypeError: Cannot read properties of undefined (reading 'install
最新发布
04-04
var myChart = echarts.init(document.getElementById('chart-container')); ``` 其中，'chart-container'是一个存在于HTML中的DOM元素的id。 3. 检查是否正确使用了ECharts的API。如果在使用ECharts的API时出现了...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值