Cannot read property ‘init‘ of undefined

最新推荐文章于 2025-03-13 14:56:26 发布
最新推荐文章于 2025-03-13 14:56:26 发布
阅读量1.7w 收藏 29
点赞数 69
文章标签： Echarts 版本兼容 DOM操作 包引入 插件错误
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_44802808/article/details/112635323
版权

在这里插入图片描述
在项目中导入echarts插件时，报了这个问题，当时以为是，没有获取到dom元素，所以用$refs的形式获取dom元素
在这里插入图片描述
在这里插入图片描述
改变获取元素的方式后，还是报同样的错，但已经确定这两种方式都可获取到dom元素

于是，最后在网上搜索之后，发现需要在导入包的时候添加上 * as 即可
在这里插入图片描述

看网上说还有一种原因是因为echarts版本太高导致的，应该引入4.9.0或4.8.0版本，但尝试后没有解决我的问题

Vue中使用echarts，并解决“TypeError: Cannot read property ‘init‘ of undefined“报错
FpwgTcl的博客
09-14 508
请确保按照步骤正确安装和引入echarts库，并在初始化echarts实例时传入正确的DOM元素。如果您在使用echarts时遇到了报错"TypeError: Cannot read property ‘init’ of undefined"，这通常是由于echarts库未正确引入或者引入方式不正确导致的。检查依赖版本：确保您的Vue项目依赖的echarts版本与您安装的echarts库版本一致。语句中的echarts路径是否正确。安装完成后，在需要使用echarts的Vue组件中引入echarts库。
解决js报错：TypeError: Cannot read property ‘xxx‘ of undefined
FarryNiu的博客
06-11 1万+
找不到未定义的属性/方法
解决Cannot read property ‘init‘ of undefined
YanXiHelloWorld的博客
06-16 1090
var ztree = new $ZTree("dataTree", "/eamAssetsData/selectMenuTreeList"); ztree.bindOnClick(EamAssetsData.onClickMenu); ztree.init(); new对象的时候m
Vue调用子组件init方法时报错Cannot read properties of undefined (reading ‘init‘)解决方法
最新发布
Cabriella_的博客
03-13 335
Vue调用子组件init方法时报错Cannot read properties of undefined (reading 'init')解决方法，使用nextTick
cannot read property ‘_init‘of undefined
qq_41659686的博客
01-08 417
mpvue解决报错cannot read property ‘_init‘of undefined 删除dist目录，然后重启项目
vue 报 Cannot read property ‘init‘ of undefined
JBOX_AJAX的博客
08-18 2887
做为一名后端开发，因为工作需要，了解了一些前端vue知识，最近也是在vue框架碰见一个问题，在一个echarts页面中图表不显示，并且出现了这样的错误“Cannot read property 'init' of undefined”，经过分析觉得是没有import进去，或者是根本没有运用到echarts这个组件，以下是我碰见的问题并解决过程： 1.问题： 2：在main.js中找到导入的echarts 并在 import 后加入 * as （虽然我也不知道为什么，不太了解，但是成功重新了echa.
TypeError: Cannot read property ‘init‘ of undefined
qq_30815659的博客
04-07 1836
使用element 的echarts 进行图表渲染时 如果报TypeError: Cannot read property ‘init’ of undefined 可以在引入的时候修改 import * as echarts from 'echarts'
Uncaught TypeError: Cannot read property 'init' of undefined
hdn_kb的博客
02-11 7425
在工作中有一次遇到了前端控制台报错的问题： 这是我在使用zTree属性结构插件的时候遇到的问题，主要原因是：我在引入js的时候，将zTree.js放在了jquery.js的前面所导致的。 解决办法：将jquey.js文件放在最前面即可。 因此，我们在引入js文件的时候，如果需要引用jquery.js，则一定一定要把jquey.js文件放在做前面。 ...
echarts报错 Cannot read property ‘getAttribute‘ of undefined
飘来荡去这一生
09-07 4872
今天在review代码时，发现控制台莫名报错，Cannot read property 'getAttribute' of undefined 通过查看，问题定位在这一行，也就是echarts初始化的时候: const chart = echarts.init(this.$refs['chart']); 结合报错信息可以得知，错误原因是因为没获取到dom属性。 在vue中获取不到dom一般分为两种情况，一是在created中获取，这个时候只是创建了vue实例，dom并没有开始渲染。所以自然拿不到.
vue中使用echarts及报错（Cannot read property ‘init‘ of undefined）处理
shinjie1210的博客
08-02 1451
安装步骤 项目控制台输入npm install echarts --save 找到main.js 引入 import * as echarts from 'echarts' Vue.prototype.$echarts = echarts 然后就可以按照官网文档里的5分钟上手内容使用了 这里给个简单例子 官网上扒的示例图表 <template> <div class="home"> <div id="echarts" style="width:6...
【异常】报错：TypeError: Cannot read properties of undefined (reading ‘init‘)
本本本添哥
11-28 2714
在vue当中引用echarts，控制台报错： “TypeError: Cannot read properties of undefined (reading ‘init‘)
Vue eCharts Cannot read property ‘init‘ of undefined 报错问题
EsquireY的博客
12-10 5425
在vue 项目中使用 eCharts ，但是项目一直报 init of undefined ，查阅很多资料，方法不一 1，元素没有设长宽 <template> <div class="container"> <div id="myChart" ref="myChart" style="width: 600px; height: 400px"></div> </div> </template> 2，初始化实例应该写在 .
vue中引入echarts组件时报错：Cannot read property ‘init’ of undefined
m0_54585610的博客
03-10 599
1.错误详情： 2.错误解析： 导入echarts时用：import echarts from ‘echarts’ 出现 “Cannot read property ‘init’ of undefined” 报错， 3.改正方法： 引入echarts时，将 import echarts from "echarts"; 改成 import * as echarts from ‘echarts’； 后解决。 <script> //引入echarts import * a.
在使用zTree 框架时前端报错Uncaught (in promise) TypeError: Cannot read property ‘init‘ of undefined
热门推荐
weixin_55229531的博客
05-18 4万+
在使用zTree 框架时前端报错Uncaught (in promise) TypeError: Cannot read property 'init' of undefined
页面前端 Cannot read property ‘init‘ of undefined 重复引入文件
weixin_41360070的博客
07-09 898
页面前端报init错误 Cannot read property ‘init’ of undefinrd 这是由于页面引入两个相同的第三方文件，一般是具有绝对地址的第三方文件 处理方法有： 1、保持引入的唯一性，把多余的引物代码注释或删除 2、将第三方文件下载到本地后作为资源文件引入 案例:zTree 引入两个jQuery 报错init of undefined错误 ...
vue写echarts 报错 Cannot read property ‘init‘ of undefined“
qq_35567179的博客
12-06 4601
试了在main.js里写 import echarts from 'echarts' Vue.prototype.$echarts = echarts 然后组件内引用 this.$echarts.init(document.getElementById('idname')); 无用 2. 又试了只在组件内引用 import echarts from 'echarts' echarts.init(document.getElementById('idname')); 无用 3. 在init.
Cannot read property 'init' of undefined
08-30
报错信息"Cannot read property 'init' of undefined"表示无法读取undefined对象的init属性。引用提到了这个错误可能是由于没有正确引入echarts这个组件导致的。 在Vue项目中，引入echarts可以借助Vue的插件机制或者...
评论 22
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值