echarts Cannot read property ‘init‘ of undefined报错问题解决

最新推荐文章于 2023-11-10 11:50:56 发布

Qpzzz

最新推荐文章于 2023-11-10 11:50:56 发布

阅读量640

点赞数 2

文章标签： echarts vue

本文链接：https://blog.youkuaiyun.com/Qpzzz/article/details/113554217

版权

这是因为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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Qpzzz

关注关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Vue中使用echarts，并解决“TypeError: Cannot read property ‘init‘ of undefined“报错

FpwgTcl的博客

09-14

496

请确保按照步骤正确安装和引入echarts库，并在初始化echarts实例时传入正确的DOM元素。如果您在使用echarts时遇到了报错"TypeError: Cannot read property ‘init’ of undefined"，这通常是由于echarts库未正确引入或者引入方式不正确导致的。检查依赖版本：确保您的Vue项目依赖的echarts版本与您安装的echarts库版本一致。语句中的echarts路径是否正确。安装完成后，在需要使用echarts的Vue组件中引入echarts库。

jQuery 出现Cannot read property ‘msie’ of undefined错误的解决方法

01-19

jQuery Cannot read property ‘msie’ of undefined错误的解决方法最近把一个项目的jQuery升级到最新版，发现有些页面报如下错误 Cannot read property ‘msie’ of undefined 上jQuery网站上搜了一下，原因是$....

参与评论您还未登录，请先登录后发表或查看评论

Vue||引入echarts，初始化 init 报错Cannot read property ‘init‘ of undefined 或者 echarts.init is not a function

FQ_QIU的博客

06-01

4363

Vue引入echarts.js，初始化init()遇到的坑。

echarts Cannot read property ‘init‘ of undefined 报错问题

qq_41186500的博客

12-07

3625

一、查看容器是否有宽高（容器一定要有宽高） <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 中使用echart5.2发生TypeError: Cannot read properties of undefined (reading ‘init‘)

qgbihc的专栏

09-24

5053

在VUE项目中使用echart，以前使用的时4.8版本，一切正常。但是把echart的版本改为5.2后，提示出现如下错误： TypeError: Cannot read properties of undefined (reading 'init')" 查看官方文档： Apache ECharts 5 升级指南有明确的说明，引用方式的变化： 1、如果使用者在 v4 中这样引用了 echarts： import echarts from 'echarts'; // 或者按需引入 import echar

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

qq_49002903的博客

02-21

2872

导入echarts时用：import echarts from ‘echarts’ 出现 “Cannot read property ‘init’ of undefined” 报错，改成 import * as echarts from ‘echarts’ 后解决。

uniapp和vue3报错Cannot read property ‘init‘ of undefined 或者 echarts.init is not a function

11-10

1283

报未定义错误，说明echarts未定义，echarts未引入成功。

Cannot read property x of undefined(解决方案).md

最新发布

08-29

Cannot read property x of undefined(解决方案).md

Vue 引用echarts报错Cannot read property ‘init‘ of underfined

林中明月间丶

04-21

531

https://blog.youkuaiyun.com/weixin_43854764/article/details/102543703 引用echarts报错Cannot read property 'init' of underfined https://blog.youkuaiyun.com/dairen_j/article/details/111398475?utm_medium=distribute.pc_relevant_t0.none-task-blog-2~default~BlogCommendFromMac.

echarts引入后报错“TypeError: Cannot read property ‘init‘ of undefined“

aBingNa的博客

03-16

605

解决方法一：切换低版本echarts 解决方法二：无论是通过CDN还是通过npm安装引入的echarts在其引入项目的地方将import echarts from ‘echarts’

Vue eCharts Cannot read property ‘init‘ of undefined 报错问题

EsquireY的博客

12-10

5399

在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 报错问题

zhufan2333的博客

07-21

370

打断点发现this.$echarts为undefined，怀疑引入依赖问题，检查package.json已引入，最后更换。",//替换为4.8.0。解决，可能是最新版本问题。eCharts的版本。

vue项目使用echart，以及报错处理Error in mounted hook: “TypeError: Cannot read property ‘init‘ of undefined

weixin_47981445的博客

09-30

2989

vue项目中使用echarts，报错Error in mounted hook: “TypeError: Cannot read property ‘init‘ of undefined 错误代码图片解决思路：原因：是因为下载的echarts为最新版本，很多时候使用的echarts示例都是不支持的，因此在项目运行时会报错。问题处理：首先：需要卸载掉项目安装的最新版本echarts //卸载代码指令 npm uninstall echarts 然后：安装指定的并且稳定的echarts版本号，可以百

vue项目使用echart，报错Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ini

xiaommxhxxl的博客

04-04

6129

踩坑，在vue中使用echart绘制图表的时候报错Error in mounted hook: "TypeError: Cannot read properties of undefined (reading init )"解决办法 1、导入包的方式不对，使用官方新的导入方式。原来导入方式 import echarts from 'echarts'; 更新导入方式为 import * as echarts from 'echarts'; 2、默认的安装方式安装的是最新版本，太新的版本.

在vue中引入echarts ，应用报错， “TypeError: Cannot read properties of undefined (reading ‘init‘)

mzy110_的博客

02-28

4222

前言：在vue中引入echarts ，应用报错， “TypeError: Cannot read properties of undefined (reading ‘init‘) 当时检查了导入引用都没有出错，查阅文档发现可能是下载了Echarts的最新版本所以就重新下载了4.0版本覆盖之前下载的版本启动项目运行成功了 npm install echarts@4.8.0 --save 源代码： ##src/main.js // 引入 ECharts 主模块 let echarts = require('

echarts Cannot read properties of null (reading ‘setOption‘)

weixin_40923558的博客

07-18

3682

可以使用 echarts.init 函数创建 ECharts 实例并在回调函数中调用 setOption 方法，或者使用 setOption 方法提供的第二个参数 notMerge 来控制是否合并新的配置。如果以上方法无法解决问题，还可以尝试检查代码中是否存在 ECharts 实例被重复创建或者销毁的情况，以及是否存在其他代码影响 ECharts 实例的加载和渲染。以下是一个使用 echarts.init 函数创建 ECharts 实例的示例代码。其中，true 表示合并新的配置，不清除旧的配置。

解决 ECharts 报错 “Cannot read properties of null (reading ‘getAttribute‘)“ 的方法

pleaseprintf的博客

07-26

9030

在使用 ECharts 进行数据可视化时，有时会遇到错误信息 “Cannot read properties of null (reading ‘getAttribute’)”。这个错误通常发生在 ECharts 绘制图表时，指示某个元素为 null，导致无法读取属性。本文将详细介绍出现这个错误的原因，并提供解决方法，确保正确使用 ECharts，避免该错误的发生。

Cannot read property 'init' of undefined

08-30

报错信息"Cannot read property 'init' of undefined"表示无法读取undefined对象的init属性。引用提到了这个错误可能是由于没有正确引入echarts这个组件导致的。在Vue项目中，引入echarts可以借助Vue的插件机制或者直接在组件中引入。请确保已经正确引入了echarts组件并确保该组件已经被使用。引用提到了解决方法是通过多索引一层来修复这个报错。例如，将`this.$echarts.init`修改为`this.$echarts.echarts.init`。你可以尝试根据这些提示来解决这个错误。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [Vue||引入echarts，初始化 init 报错Cannot read property ‘init‘ of undefined 或者 echarts.init is ...](https://blog.youkuaiyun.com/FQ_QIU/article/details/130995975)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [vue 报 Cannot read property ‘init‘ of undefined](https://blog.youkuaiyun.com/JBOX_AJAX/article/details/119781525)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]