vue 中引用echarts 初始化init undefind问题（Cannot read property ‘init‘ of undefined）

最新推荐文章于 2023-06-25 16:12:47 发布
最新推荐文章于 2023-06-25 16:12:47 发布
阅读量4.3k 收藏 7
点赞数 8
分类专栏： vue 文章标签： vue
原文链接：https://www.cnblogs.com/huzhuhua/p/14081041.html
版权

今天 新的项目引用 vue 时居然报Init为未定义

一开始觉得是不是引入错了，一查如果引入错了直接 报错了呀。怎么可能运行得下去，后来觉得应该是版本问题。

卸载echarts

npm uninstall echarts --save

然后查看下echarts的版本

 npm view echarts versions

因为 默认安装包是安装最新 的版本的。我就选择用前一个4.8.0试试。

1

npm install echarts@4.8.0 --save

　　@后面是指定想安装 的版本号

安装之后居然 就问题了。看来是新版本的问题吧

大大大大南子
关注
专栏目录
vue2/3 - echarts报错TypeError: Cannot read properties of undefined (reading ‘queryComponents‘)详细解决方案！
高级前端工程师
07-11 1817
vue2，vue3，nuxt，echarts，图表，日历图表，柱状图，饼图，解决echarts中TypeError: Cannot，还是报错，不行怎么办，TypeError: Cannot read properties of undefined (reading ‘queryComponents‘)，vue echarts 报错queryComponents不存在，echart报错，解决echart，在使用案例的echart的日历图表的时候，报错，在使用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) 解...
vue + echarts 省份地图 以及打包后地图加载不出来（比较详细）
梁小茹的博客
08-30 4万+
刚开始地图怎么也出不来，经过解决，是因为echarts.min.js 引入位置 在index.html 中引入需要的js 版本按照自己需要的来 <script src="./static/plugins/echarts-5.1.2/echarts.common.min.js"></script> <script src="./static/plugins/echarts.min.js"></script> （必须引入，地图才能加载） 全局引入 im
vue 报 Cannot read property ‘init‘ of undefined
JBOX_AJAX的博客
08-18 2835
做为一名后端开发，因为工作需要，了解了一些前端vue知识，最近也是在vue框架碰见一个问题，在一个echarts页面中图表不显示，并且出现了这样的错误“Cannot read property 'init' of undefined”，经过分析觉得是没有import进去，或者是根本没有运用到echarts这个组件，以下是我碰见的问题并解决过程： 1.问题： 2：在main.js中找到导入的echarts 并在 import 后加入 * as （虽然我也不知道为什么，不太了解，但是成功重新了echa.
Vue||引入echarts，初始化 init 报错Cannot read property ‘init‘ of undefined 或者 echarts.init is not a function
FQ_QIU的博客
06-01 4121
Vue引入echarts.js，初始化init()遇到的坑。
解决 VUE前端项目报错： Uncaught ReferenceError : initPage is not defined （initPage 方法是有的，依旧报错找不到）
愿我如星君如月 ... 夜夜流光相皎洁 ...
12-27 1万+
1. 明明代码中定义了 initPage 这个方法，，却一直报找不到这个方法： Uncaught ReferenceError: initPage is not defined 2. 报错代码在黄色框中调用处，代码中写法： 3. 解决 ： 在调用方法前要加上 this ，改为： 再运行，一切正常了。...
页面前端 Cannot read property ‘init‘ of undefined 重复引入文件
weixin_41360070的博客
07-09 772
页面前端报init错误 Cannot read property ‘init’ of undefinrd 这是由于页面引入两个相同的第三方文件，一般是具有绝对地址的第三方文件 处理方法有： 1、保持引入的唯一性，把多余的引物代码注释或删除 2、将第三方文件下载到本地后作为资源文件引入 案例:zTree 引入两个jQuery 报错init of undefined错误 ...
echarts报错 Cannot read property ‘getAttribute‘ of undefined
飘来荡去这一生
09-07 4658
今天在review代码时，发现控制台莫名报错，Cannot read property 'getAttribute' of undefined 通过查看，问题定位在这一行，也就是echarts初始化的时候: const chart = echarts.init(this.$refs['chart']); 结合报错信息可以得知，错误原因是因为没获取到dom属性。 在vue中获取不到dom一般分为两种情况，一是在created中获取，这个时候只是创建了vue实例，dom并没有开始渲染。所以自然拿不到.
vue Echarts自适应浏览器resize报错：Cannot read property 'resize' of undefined
且听风吟的博客
07-19 1万+
Echarts自适应浏览器resize报错：Cannot read property 'resize' of undefined1.问题2.解决办法3.成果 1.问题 今天在做Echarts自适应浏览器时，发现一个问题：Cannot read property ‘resize’ of undefined。 Echarts插件绘制的柱状图正常情况下页面截图： 但是当我拖动浏览器窗口的边框进行缩放时...
在element-ui的dialog弹框中使用echarts报错，不能出现图表TypeError: Cannot read property ‘getAttribute‘ of undefined
丑小鸭变黑天鹅的博客
09-01 2235
TypeError: Cannot read property 'getAttribute' of undefined问题描述分析原因解决办法 问题描述 最近在写一个vue项目，用的是element-ui框架，其中一个业务需求需要点击之后弹出一个dialog框，然后在这个框里进行渲染绑定的echarts。操作步骤没问题，和以往的操作一样，先是安装echarts使用 npm install echarts@4.8.0 --save 然后再main.js文件中引入并挂载到全局中 // 引入echarts im
在vue中如何使用echarts以及出现“init of undefined“解决
HZ0613的博客
01-27 903
内容在这里哦，点击即可访问
Echarts init 为 undefined 解决方法
衣乌岸苑
12-27 5962
Echarts 使用时候报错export 'default' (imported as 'echarts') was not found in 'echarts'和Cannot read property 'init' of undefined 的解决方法。
vue 中引用echarts 初始化init undefind问题
MtangEr的博客
02-03 759
vue 中引用echarts 初始化init undefind问题（Cannot read property ‘init‘ of undefined） vue 中引用echarts时 居然报Init为未定义 Cannot read property ‘init’ of undefined" 开始认为是 引入 或者 加载顺序 有问题，结果发现都不是，后来想着是不是版本有问题，结果它来了！！！ 查看echarts版本： npm view echarts versions 因为 默认安装包是安装最新 的版本的
.vue文件中引入echarts出现init undefined的问题解决方法
weixin_53657413的博客
11-20 1095
我们文件中导入用的是： import echarts from 'echarts' 然后再看官方文档给出的正确导入代码 import * as echarts from 'echarts'; 原因：官方文档明确指出v5版本 中不再支持 import echarts from 'echarts'; // 或者按需引入 import echarts from 'echarts/lib/echarts'; 所以我们应该相应的将导入语句改为 import * as ech...
使用Echarts的Vue项目打包发布Github出现读不到‘regions’导致地图无法正常显示的问题
SamuraiBlue的博客
10-21 1131
使用Echarts的Vue项目打包发布Github出现读不到‘regions’导致地图无法正常显示的问题————更新Node16+
vue项目引入echarts报错undefined
weixin_42001360的博客
05-18 231
原文链接：https://blog.csdn.net/weixin_42217154/article/details/118148906
vue3+ts+vite项目使用echarts打包后图表不显示
flhhly的博客
06-25 1162
echarts打包后图表不显示
vue echarts引入外部资源js文件报错Cannot read property ‘echarts’ of undefined
qq_42938889的博客
05-19 1979
vue echarts引入外部资源js文件报错Cannot read property ‘echarts’ of undefined 问题点 在vue中引入echarts后，我引入的是山东省最新的js文件，本地开发环境没事，在vue项目打包后部署后报Cannot read property ‘echarts’ of undefined错误。 图片示例 解决方案 比较笨的一种方案，把修改后的文件替换到node_modules下的echarts下面的map下面的js文件的province下的sha
vue使用echarts报错Cannot read property 'init' of undefined或者echarts.init is undefiend解决
i++;
04-11 4732
在使用init方法初始化前一定会获取一个dom元素，检查dom元素是否建立成功， 可尝试弹框弹出查看一下，弹出值为nulldom元素为创建。出现这个错误为加载顺序问题，，调整加载顺序。解决。 ...
Cannot read property 'init' of undefined
最新发布
08-30
- *1* *3* [Vue||引入echarts，初始化 init 报错Cannot read property ‘init‘ of undefined 或者 echarts.init is ...](https://blog.csdn.net/FQ_QIU/article/details/130995975)[target="_blank" data-report-...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值