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

最新推荐文章于 2024-05-10 11:24:09 发布

原创最新推荐文章于 2024-05-10 11:24:09 发布 · 461 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #echarts

vue 专栏收录该内容

10 篇文章

订阅专栏

在Vue项目中遇到ECharts初始化错误'Cannot read property 'init' of undefined'，可能是因为版本过高或者导入方式不正确导致。解决方案包括降级ECharts版本至4.1.0或改变导入方式，例如使用`import * as echarts from 'echarts'`。通过这些方法，可以成功解决ECharts在Vue应用中的初始化问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

仅供参考 自我记录.

解决方案① 可能版本过高问题

/* 卸载echarts: */
npm uninstall echarts --save
/* 安装4.1.0版本（@后面是指定想安装的版本号）*/
npm install echarts@4.1.0 --save

摘要:原文地址

解决方案二更改导入方式

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

摘要:原文地址

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

奔跑的代码！

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

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

FpwgTcl的博客

09-14

548

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

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

TypeError: Cannot read property ‘init‘ of undefined

qq_46199553的博客

12-02

358

在使用echart的时候出现了这个错误 let myChart = this.$echarts.init(document.getElementById('myChart')) 只需要将main.js文件里面导入echart库进行修改自己的版本 import echarts from 'echarts' 修改成 import * as echarts from 'echarts' 就可以解决这个问题了 ...

Uncaught TypeError: Cannot read property 'init' of undefined

hdn_kb的博客

02-11

7439

在工作中有一次遇到了前端控制台报错的问题：这是我在使用zTree属性结构插件的时候遇到的问题，主要原因是：我在引入js的时候，将zTree.js放在了jquery.js的前面所导致的。解决办法：将jquey.js文件放在最前面即可。因此，我们在引入js文件的时候，如果需要引用jquery.js，则一定一定要把jquey.js文件放在做前面。 ...

在使用zTree 框架时前端报错Uncaught (in promise) TypeError: Cannot read property ‘init‘ of undefined

weixin_55229531的博客

05-18

5万+

在使用zTree 框架时前端报错Uncaught (in promise) TypeError: Cannot read property 'init' of undefined

vue2/3 - 解决报错TypeError: Cannot read properties of undefined (reading ‘wrapper‘)，vue打包或运行时控制台报错完美解决方案

高级前端工程师

05-10

3284

vue3，vue2，报错，无法打包，无法运行，vue3打包时报错，vue打包build出错，wrapper属性，TypeError: Cannot read properties of undefined (reading ‘wrapper‘)，vue如何解决报错，浏览器控制台报错，npm run serve运行项目时正常显示，但npm run build构建时却报错，vue运行没问题但打包就会报错，怎么解决这个问题，如何解决问题并成功打包发布，代码中尝试访问一个未定义对象的 wrapper属性。在vue2

【异常】报错：TypeError: Cannot read properties of undefined (reading ‘init‘)

本本本添哥

11-28

2818

在vue当中引用echarts，控制台报错： “TypeError: Cannot read properties of undefined (reading ‘init‘)

彻底解决Error in nextTick: TypeError: Cannot read properties of undefined (reading clearValidate)

renkai721的专栏

09-19

1万+

Error in nextTick: TypeError: Cannot read properties of undefined (reading clearValidate)

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

aBingNa的博客

03-16

623

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

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

weixin_47981445的博客

09-30

3039

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

Vue坑点杂谈（七）在Vue中引入Echarts报错 Cannot read property ‘init‘ of undefined

ODST_TheSolverO5的博客

12-13

2074

Vue坑点杂谈（七）在Vue中引入Echarts报错 Cannot read property ‘init’ of undefined 一、写在开头最近使用Echart时发现与Vue有些不兼容的地方，会出现一些奇怪的报错，在这里记录一下帮助同样遇到问题的朋友们。二、发现问题出现问题是在mounted（）中使用官方示例的时候报了以下错误： Error in mounted hook: “TypeError: Cannot read property ‘init’ of undefined”。三、解决问

“TypeError: Cannot read property ‘init‘ of undefined“

特战程序员

05-27

984

报错：“TypeError: Cannot read property ‘init’ of undefined” 解决方法：把import echarts from 'echarts' 改为import * as echarts from 'echarts'

Cannot read property ‘init‘ of undefined

qq_44802808的博客

01-14

1万+

在项目中导入echarts插件时，报了这个问题，当时以为是，没有获取到dom元素，所以用$refs的形式获取dom元素改变获取元素的方式后，还是报同样的错，但已经确定这两种方式都可获取到dom元素于是，最后在网上搜索之后，发现需要在导入包的时候添加上 * as 即可看网上说还有一种原因是因为echarts版本太高导致的，应该引入4.9.0或4.8.0版本，但尝试后没有解决我的问题 ...

echarts踩坑 Error in created hook: “TypeError: Cannot read property ‘init‘ of undefined“

Laladoge的博客

04-28

1971

新项目 Vue + typescript 在使用 echarts 时报错，以下是踩的坑和解决方法【笔记】 bug1 ：Error in created hook: "TypeError: Cannot read property 'init' of undefined" 原因： echarts的引入方式不正确。使用以下方法引入 import echarts from 'echarts' bug2：[Vue warn]: Error in created hook: "Error:..

Error in mounted hook: “TypeError: Cannot read property ‘init‘ of undefined“

weixin_46370867的博客

02-14

4637

今天在使用ECharts的时候遇到了报错： Error in mounted hook: “TypeError: Cannot read property ‘init’ of undefined” 原因：echarts的引入方式错误：正确的echarts引入方式： let echarts = require('echarts')

使用echarts时报错 TypeError: Cannot read property ‘init‘ of undefined

weixin_44982332的博客

12-27

892

原因是导入方式不对，通过 npm 安装的 echarts 会出现在 node_modules 目录下，从而可以直接在项目代码中得到 echarts，应使用如下方式导入 import * as echarts from 'echarts'

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

Crazy_GirlLL的博客

05-09

277

导入echarts时，把import echarts from 'echarts'改成import * as echarts from 'echarts' 安装引入 echarts

TypeError: Cannot read property executeSql of undefined