echarts报错 Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘init‘)“

已于 2024-03-20 09:13:00 修改
阅读量229 收藏
点赞数 2
分类专栏： 前端 文章标签： echarts 前端 javascript
于 2024-03-20 09:12:23 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baiyixin/article/details/136863397
版权

1、错误图片（引用他人）

        echarts图像加载时报错

2、修改方法

原先，按文档引用echarts，于 main.js 文件中输入

import echarts from "echarts";
Vue.prototype.$echarts = echarts;

对第一行导入进行修改

import * as echarts from "echarts";
Vue.prototype.$echarts = echarts;

3、原因

小白暂且未知

BaiYixin
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue使用echarts简单教程（错误：Error in mounted hook: “TypeError: Cannot read property ‘getAtrribute’ of undef）
lanseguhui的博客
05-21 3981
1.安装依赖 npm install echarts -S 2.在main.js中引入 import echarts from 'echarts' Vue.prototype.$echarts = echarts 3.在组件中使用 html标签,一定要设置宽高 <div ref="activity" style="width:100%;height:285px"></div> 定义一个初始化的方法中写 echartsInit(){ let act
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')"
Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘split‘)“
m0_61480985的博客
07-11 7303
其实之前也遇到过这种问题，出现了两三次就觉得还是记下来比较好。之前的问题是我的数据已经存在一个对象中了，然后要把这个对象传到另一个组件里，在mounted来打印是空的，最后我是用watch监听来解决的。，简单来说就是初始化太快了，我的接口数据还没赋值就已经完成初始化了，所以才会报错。这个是我的代码，其实就是多做了一个步骤，我其实没有必要要那个setData，直接在data定义一个对象就可以了。
Echarts报错 Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘init‘)
qq_51066068的博客
09-22 2335
Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘init‘)
vue引入echarts报错Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘init‘
最新发布
qq_33298964的博客
01-12 766
在一个已有VUE项目中引入echarts报错，可能引起错误的原因是echarts引入方式错误。
Echarts最新版引入报错：Error in mounted hook: “TypeError: Cannot read property ‘init’ of undefined
xiaoxiannvh的博客
12-09 671
今天引入Echart时，一引入就报错： Error in mounted hook: “TypeError: Cannot read property ‘init’ of undefined” 造成问题的原因有两个，一个是初始化的时候没有获取到DOM元素，另一个是引入Echart这个库的方式错误，解决如下： 1.使用ref获取DOM元素： this.Chart = echarts.init(this.$refs.chartDom) 2.改用require的方式引入库： let echarts = requi
vue报错 Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘$on‘)“
weixin_43877778的博客
10-29 1万+
vue错误打印 vue.esm.js?a026:628 [Vue warn]: Error in mounted hook: "TypeError: Cannot read properties of undefined (reading '$on')" 解决方式: 在main.js加入代码 // event Bus 用于无关系组件间的通信。 Vue.prototype.$bus = new Vue() ...
Error in mounted hook: "TypeError: Cannot read properties of undefined (reading 'init')" found in
08-22
Error in mounted hook: "TypeError: Cannot read properties of undefined (reading 'init')" 是在使用Vue UI创建项目并引入Echarts图表时出现的错误。这个错误通常是由于代码中的错误导致的。根据引用和引用，可能...
echarts使用报错Error in mounted hook: "TypeError: Cannot read properties of undefined (reading 'init')"，但是引入没有问题
05-18
这个错误通常出现在 Vue.js 项目中，可能原因是您在 mounted 钩子函数中调用了 echarts 实例化方法，但是实例还没有初始化成功。 解决方法： 1. 确保 echarts 的引入没有问题，可以尝试在控制台输入 `echarts` 看...
: Error in mounted hook: "TypeError: Cannot read properties of undefined (reading 'country')"
08-23
- *1* *2* *3* [echarts报错：Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘init...](https://blog.csdn.net/weixin_52479106/article/details/123491269)[target="_blank...
[Vue warn]: Error in mounted hook: "TypeError: Cannot read properties of undefined (reading 'init')
08-26
这个错误是在Vue的mounted钩子函数中出现的，具体的错误信息是"TypeError: Cannot read properties of undefined (reading 'init')". 这个错误通常是由于访问了一个未定义的属性或方法引起的。根据引用的信息，你...
vue报错 Error in mounted hook “TypeError Cannot read properties of undefined (reading ‘$on‘)“
m0_67393593的博客
03-06 6997
vue错误打印 vue.esm.jsa026:628 [Vue warn]: Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘$on’)” 解决方式: 在main.js加入代码 // event Bus 用于无关系组件间的通信。 Vue.prototype.$bus = new Vue() ...
Error in mounted hook: TypeError: Cannot read properties of undefined (reading isHiddenDay ) found
H-rosy的博客
01-14 4639
Error in mounted hook: TypeError: Cannot read properties of undefined (reading isHiddenDay ) found 无法读取未定义的属性‘isHiddenDay’. 在vue中使用fullcalendar在mounted钩子中渲染报错
vue项目使用echart，报错Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ini
xiaommxhxxl的博客
04-04 5791
踩坑，在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、默认的安装方式安装的是最新版本，太新的版本.
Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘init‘)“
潮汐未见潮落的博客
07-01 1170
Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘init‘)“
vue项目使用echart，以及报错处理Error in mounted hook: “TypeError: Cannot read property ‘init‘ of undefined
weixin_47981445的博客
09-30 2860
vue项目中使用echarts，报错Error in mounted hook: “TypeError: Cannot read property ‘init‘ of undefined 错误代码图片 解决思路： 原因：是因为下载的echarts为最新版本，很多时候使用的echarts示例都是不支持的，因此在项目运行时会报错。 问题处理： 首先：需要卸载掉项目安装的最新版本echarts //卸载代码指令 npm uninstall echarts 然后：安装指定的并且稳定的echarts版本号，可以百
Vue echarts初始化实例报错“in mounted hook: “TypeError: Cannot read property ‘init‘ of undefined“”
qq_48009509的博客
08-20 246
解决方法1 卸载高本版的echarts，重新安装低版本的echarts npm install echarts@4.8.0 --save 解决方法2 因为新本版的echarts它的引入方式发生了改变，所有需要用新的引用方式 import * as echarts from 'echarts'
Vue使用echarts報錯Error in mounted hook: “TypeError: Cannot read property ‘init‘ of undefined“
z_qianzhi的博客
07-21 839
bug1：Error in mounted hook: "TypeError: Cannot read property 'init' of undefined" 原因：echarts引入錯誤 解決方法：letecharts=require('echarts') bug2：Error in created hook: "Error: Initialize failed: invalid dom." 原因：调用echarts的生命周期写在了created ，echarts图表还没有...
Vue坑点杂谈（七）在Vue中引入Echarts报错 Cannot read property ‘init‘ of undefined
ODST_TheSolverO5的博客
12-13 2008
Vue坑点杂谈（七）在Vue中引入Echarts报错 Cannot read property ‘init’ of undefined 一、写在开头 最近使用Echart时发现与Vue有些不兼容的地方，会出现一些奇怪的报错，在这里记录一下帮助同样遇到问题的朋友们。 二、发现问题 出现问题是在mounted（）中使用官方示例的时候报了以下错误： Error in mounted hook: “TypeError: Cannot read property ‘init’ of undefined”。 三、解决问
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值