解决vue中报错 Error in mounted hook: “TypeError: Cannot read property ‘init‘ of undefined“

原创 已于 2025-06-09 14:57:22 修改 · 2.7k 阅读 · 3 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#前端 #vue
于 2020-12-26 21:22:33 首次发布
博客围绕Vue引入报错问题展开，展示了报错截图，介绍了两种解决方案。一是卸载当前版本，安装非最新版本；二是换一种引入方式，帮助解决Vue引入时控制台报错的问题。

报错截图

引入 echarts 控制台 init 报错 undefind

在这里插入图片描述

第一种解决方案

卸载当前版本的 echarts

npm uninstall echarts --save

可以查看一下当前的版本，这里也是最新的版本，所以我是换了一个版本

npm view echarts versions

在这里插入图片描述

选择安装一个不是最新的版本，这边用的是 4.8.0 版本，@ 表示的是版本号

npm install echarts@4.8.0 --save

在这里插入图片描述

第二种解决方案

换一种引入的方式

import * as echarts from '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 warn]: Error in mounted hook: “TypeError: Cannot read property ‘coordinateSystem‘ of undefined“
郭宝的博客
08-24 1万+
背景： 在 Vue 项目中使用 ECharts 图表组件时，出现了该错误信息，而且图表无法正常显示 vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'coordinateSystem' of undefined" found in ---> <Trend> at src/components/Trend.vue <
报错 | vue.runtime.esm.js?c320:4560 [Vue warn]: Error in render: “TypeError: Cannot read properties of
不爱吃菜的菜菜的博客
08-06 1万+
vue.runtime.esm.js?c320:4560 [Vue warn]: Error in render: "**TypeError: Cannot read properties of undefined (reading 'category1Id')
[Vue warn]: Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘$on‘)“
qq_45803094的博客
08-23 6453
vue报错 Error in mounted hook “TypeError Cannot read properties of undefined (reading ‘$on‘)“
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')"
Vue坑点杂谈（七）在Vue中引入Echarts报错 Cannot read property ‘init‘ of undefined
ODST_TheSolverO5的博客
12-13 2135
Vue坑点杂谈（七）在Vue中引入Echarts报错 Cannot read property ‘init’ of undefined 一、写在开头 最近使用Echart时发现与Vue有些不兼容的地方，会出现一些奇怪的报错，在这里记录一下帮助同样遇到问题的朋友们。 二、发现问题 出现问题是在mounted（）中使用官方示例的时候报了以下错误： Error in mounted hook: “TypeError: Cannot read property ‘init’ of undefined”。 三、解决问
[Vue warn]: Error in mounted hook: “TypeError: Cannot read property ‘init‘ of undefined“
weixin_47181907的博客
06-15 5476
出现以下问题是在mounted（）中使用官方示例的时候报了以下错误： Error in mounted hook: “TypeError: Cannot read property ‘init’ of undefined” 或 Cannot read property ‘init’ of undefined 解决方案： 放弃import,改用require的方式引入库 这里是引用 import echarts from 'echarts //把这种引入方式改为下面的方式 let echarts =
Vue echarts初始化实例Error in mounted hook: “TypeError: Cannot read property ‘init‘ of undefined“
一往直“前”，直上云“端”
08-13 940
项目场景： Vue echarts初始化实例：Error in mounted hook: “TypeError: Cannot read property ‘init’ of undefined” 问题描述： 1.安装echarts依赖 　　通过 npm 获取 echarts，npm install echarts --save 2.main.js中全局引用 import echarts from 'echarts' // 全局方法挂载 Vue.prototype.$echarts
vue项目使用echart，以及报错处理Error in mounted hook: “TypeError: Cannot read property ‘init‘ of undefined
weixin_47981445的博客
09-30 3108
vue项目中使用echarts，报错Error in mounted hook: “TypeError: Cannot read property ‘init‘ of undefined 错误代码图片 解决思路： 原因：是因为下载的echarts为最新版本，很多时候使用的echarts示例都是不支持的，因此在项目运行时会报错。 问题处理： 首先：需要卸载掉项目安装的最新版本echarts //卸载代码指令 npm uninstall echarts 然后：安装指定的并且稳定的echarts版本号，可以百
vue引入echarts报错Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘init‘
qq_33298964的博客
01-12 1350
在一个已有VUE项目中引入echarts报错，可能引起错误的原因是echarts引入方式错误。
Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘split‘)“
m0_61480985的博客
07-11 8685
其实之前也遇到过这种问题，出现了两三次就觉得还是记下来比较好。之前的问题是我的数据已经存在一个对象中了，然后要把这个对象传到另一个组件里，在mounted来打印是空的，最后我是用watch监听来解决的。，简单来说就是初始化太快了，我的接口数据还没赋值就已经完成初始化了，所以才会报错。这个是我的代码，其实就是多做了一个步骤，我其实没有必要要那个setData，直接在data定义一个对象就可以了。
vue项目使用echart，报错Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ini
xiaommxhxxl的博客
04-04 6315
踩坑，在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 warn]: Error in mounted hook: “TypeError: handler.call is not a function“
NancyFyn的博客
04-25 1845
出现这个问题的原因一般是 钩子函数 为空或者是写法问题 错误代码： 解决方法就是 把函数的 ‘ ：’ 改为 ‘ （）’ 代码如下：
vue报错集合
qq_43385689的博客
08-08 6475
Error in created hook (Promise/async): “[object Object]” 解释 在created钩子函数中,有一个错误(关于Promise/async)的 产生原因 在接口请求函数中使用了如下代码语句： return Promise.reject(res) 在请求函数中针对 请求异常报错情况下 直接将承载着错误信息的Promise对象给抛出，没有通过catch捕获错误，因而vue做出了警告。 解决 try catch包裹请求接口 总结 - 方法的返回值是Pro
[Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'getAttribute' of null"
kkhk04的博客
10-10 3万+
错误场景一： 错误提示： 在运行Vue项目时出现了上述错误，出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化， 代码如下： // 基于准备好的dom，初始化echarts实例 var bar_dv = document.getElementById('bar_dv');let myChart = this.$echarts.init(bar_dv) 解决办法...
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() ...
Vue报错解决[Vue warn]: Error in render: “TypeError: Cannot read property ‘state‘ of undefined“
zag666的博客
04-24 4298
这个错误提示通常出现在 Vue 组件中，它尝试读取 Vuex store 的 state 对象，但是该对象没有被定义。这假设 store.js 文件位于 src/store 目录中。如果store.js 文件位于其他目录中，请相应地更改导入路径。如果 Vuex store 中没有定义尝试使用的状态，则会出现这个错误。反复确认代码后，发现并没有上述问题。这里的 myState 是Vuex store 中定义的状态名称。如果组件中使用其他名称，请相应地更改代码。3.Vuex store 中没有定义所需的状态。
vue报错 Error in mounted hook “TypeError Cannot read properties of undefined (reading ‘$on‘)“
m0_67393593的博客
03-06 7166
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() ...
[Vue warn]: Error in mount hook: “TypeError: Cannot read properties of null (reading ‘getAttribute‘)
陈新科的博客
09-12 1万+
一、在运行Vue项目时出现了上述错误 出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化， 利用Vue中的ref和$refs 来代替document.getElementById（）获取该图形容器对象 <div id="mian" ref="chart" ></div> var myChart = this.$echarts.init(this.$refs.chart); 二、想在el-dialog对话框中展示Echarts图表时，出现了如上错误 通过
Error in mounted hook: TypeError: Cannot read properties of undefined (reading isHiddenDay ) found
H-rosy的博客
01-14 4878
Error in mounted hook: TypeError: Cannot read properties of undefined (reading isHiddenDay ) found 无法读取未定义的属性‘isHiddenDay’. 在vue中使用fullcalendar在mounted钩子中渲染报错
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

水星记_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值