echarts出现 “TypeError: Cannot read property ‘init‘ of undefined“报错解决

最新推荐文章于 2023-11-28 14:16:12 发布
最新推荐文章于 2023-11-28 14:16:12 发布
阅读量214 收藏
点赞数
分类专栏： vue电商项目bug 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52063946/article/details/119237149
版权
博客内容讲述了在使用Echarts时遇到的问题及解决方案。原本通过`import echarts from 'echarts'`导入导致的问题，通过更改为`import * as echarts from 'echarts'`得以解决。这表明了在某些情况下，使用命名导入可能比默认导入更适合处理库的导入问题。
摘要由CSDN通过智能技术生成

 导入echarts时原本写的：

import echarts from 'echarts'

改成：

import * as echarts from 'echarts'

问题解决！

米咪米
关注
专栏目录
[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) 解...
解决js报错：TypeError: Cannot read property ‘xxx‘ of undefined
FarryNiu的博客
06-11 1万+
找不到未定义的属性/方法
解决 ECharts 报错 “Cannot read properties of null (reading ‘getAttribute‘)“ 的方法
pleaseprintf的博客
07-26 8410
在使用 ECharts 进行数据可视化时，有时会遇到错误信息 “Cannot read properties of null (reading ‘getAttribute’)”。这个错误通常发生在 ECharts 绘制图表时，指示某个元素为 null，导致无法读取属性。本文将详细介绍出现这个错误的原因，并提供解决方法，确保正确使用 ECharts，避免该错误的发生。
Echarts图表报错：TypeError: Cannot read property ‘init‘ of undefined
hzw的博客
08-23 588
Echarts图表报错：TypeError: Cannot read property ‘init’ of undefined解决 用vue导入echarts图表报错，在这里使用两种方法解决 将原来导入的 import echarts from 'echarts' 改为： import * as echarts from 'echarts' 或者换种导入方式改为： let echarts = require('echarts') 即可显示可视化图表， 欢迎补充~ ...
echarts Cannot read property ‘init‘ of undefined 报错问题
qq_41186500的博客
12-07 3544
一、查看容器是否有宽高（容器一定要有宽高） <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
vue框架中引入Echarts时出现TypeError: Cannot read property ‘init‘ of undefined报错
weixin_52026870的博客
07-19 224
安装： npm install echarts -S main.js中： import echarts from 'echarts' Vue.prototype.$echarts = echarts 页面中 <template> <div id="myChart" :style="{ width: '300px', height: '300px' }"></div> </template> <script> export defa
echart 报错 Uncaught TypeError: Cannot read properties of undefined (reading ‘type‘)
xh1506101064的博客
10-08 3957
使用echart 报错 Uncaught TypeError: Cannot read properties of undefined (reading ‘type’)报错情况，使用了ResizeObserver监听了echart父元素宽高变化，然后就出现了以下两种报错。使用 vue3的API , markRaw，标记一个对象，使其不能成为一个响应式对象。chart会被在vue内部转换成响应式对象，从而在resize 的时候获取不到。
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')"
【异常】报错：TypeError: Cannot read properties of undefined (reading ‘init‘)
最新发布
本本本添哥
11-28 2133
在vue当中引用echarts，控制台报错： “TypeError: Cannot read properties of undefined (reading ‘init‘)
Echarts报错Cannot read property ‘init‘ of undefined
qq1067012060的博客
11-05 193
1.在项目中导入echarts插件时，报了这个问题 2.二话不说上解决办法，这是由于版本太高导致的
echarts报错Cannot read property ‘init‘ of undefined
南北极之间
07-27 817
解决办法： 需要在导入包的时候添加上 * as 即可： import * as echarts from 'echarts'; 资料： https://blog.csdn.net/qq_44802808/article/details/112635323
echarts Cannot read properties of null (reading ‘setOption‘)
weixin_40923558的博客
07-18 2987
可以使用 echarts.init 函数创建 ECharts 实例并在回调函数中调用 setOption 方法，或者使用 setOption 方法提供的第二个参数 notMerge 来控制是否合并新的配置。如果以上方法无法解决问题，还可以尝试检查代码中是否存在 ECharts 实例被重复创建或者销毁的情况，以及是否存在其他代码影响 ECharts 实例的加载和渲染。以下是一个使用 echarts.init 函数创建 ECharts 实例的示例代码。其中，true 表示合并新的配置，不清除旧的配置。
echarts中地图提示"TypeError：i is undefined"
牛栏山矿泉水
07-20 889
1、错误描述 2、错误原因 刚开始地图的数据源是由静态数据提供，后来修改成从数据库中获取，请求数据的方法成功后调用地图方法，但是初始化时未调用数据请求方法，导致地图核心js报错 3、解决办法 初始化时，调用请求数据方法...
报错：TypeError: Cannot read properties of undefined (reading ‘init‘)
木木木森林
05-30 1万+
报错：TypeError： Cannot read properties of undefined reading 'init'1. 报错的样子2. 报错的原因3. 解决的方法4. 控制台不再报错 1. 报错的样子 在vue当中引用echarts，控制台报错： “TypeError: Cannot read properties of undefined (reading ‘init‘) 2. 报错的原因 报错是因为我们引用了echarts里面的init方法显示没有定义 3. 解决的方法 将import
引入echarts时报错 “TypeError: Cannot read properties of undefined (reading ‘init‘)“的解决方案
zz130428的博客
08-14 1972
灵异事件！程序里发现了新Bug但是它正常运行啦！”、“谁敢信，我电脑死机竟然是因为放青藏高原的时候硬盘共振振幅太大了——”……人生处处有Bug在用vue ui 创建项目，引入Echarts图表的时候，终端报了'Error in mounted hook: "TypeError: Cannot read properties of undefined (reading 'init') " '的错误，翻译为：“挂载的钩子中出现错误：“TypeError:无法读取未定义的属性（读取'init'）”
vue项目报错：TypeError: Cannot read properties of undefined (reading ‘init’)”
weixin_48653338的博客
05-10 7784
vue项目报错：TypeError: Cannot read properties of undefined (reading ‘init’)”
ECharts——运行错误[TypeError: Cannot read property ‘type‘ of undefined]解决方案
无限迭代中......
04-04 6769
issues https://github.com/apache/echarts/issues/13943 问题描述 Uncaught TypeError: Cannot read property 'type' of undefined at Object.reset (dataSample.js?fdde:104) at Task.seriesTaskReset [as _reset] (Scheduler.js?69ff:478) at reset (task.js?f47d
报错 WAServiceMainContext.js:2 TypeError: Cannot read property 'init' of undefined
07-09
这个错误提示指出无法读取未定义的属性`init`。通常情况下，这是因为`this[this.data.chartLineId]`的值未正确设置或未找到对应的图表实例导致的。 请确保以下几点： 1. 在调用`initChart`方法之前，已经正确设置...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值