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

最新推荐文章于 2024-04-17 15:14:49 发布
最新推荐文章于 2024-04-17 15:14:49 发布
阅读量8.8k 收藏 7
点赞数 9
分类专栏： 报错分析 文章标签： 前端框架 javascript visual studio code echarts
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/A56644664/article/details/121481529
版权

        前端vue项目使用echarts报错解决方案，亲测有效。

 （1）原来导入echarts使用的是如下代码：

import echarts from 'echarts'

（2）将引入echarts的写法改为如下形式，报错得以解决。

import * as echarts from 'echarts'

（3）刷新页面，可以看到表格绘制成功

nicole27ll
关注
  • 9
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 10
    评论
专栏目录
Error in mounted hook: “TypeError: Cannot read property ‘XXXXX‘ of undefined“
bihaiyanyu的专栏
10-22 3万+
今天使用iview画页面时遇到一个很简单但是搞了很久的bug，加了一个控件 <user-select style="width:200px" @on-change="handleSelect" ref="user" v-model="form.userCode"> </user-select> 然后使用$refs调用组件属性 this.$refs.user.initData(); 然后神奇的地方出现了，不管怎么该，一直报Error in mounted hook:
Error in mounted hook: "ReferenceError: AMap is not defined" fo
06-13
ReferenceError: AMap is not defined AMap未定义
Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘split‘)“
m0_61480985的博客
07-11 6627
其实之前也遇到过这种问题，出现了两三次就觉得还是记下来比较好。之前的问题是我的数据已经存在一个对象中了，然后要把这个对象传到另一个组件里，在mounted来打印是空的，最后我是用watch监听来解决的。，简单来说就是初始化太快了，我的接口数据还没赋值就已经完成初始化了，所以才会报错。这个是我的代码，其实就是多做了一个步骤，我其实没有必要要那个setData，直接在data定义一个对象就可以了。
Error in mounted hook: TypeError: Cannot read properties of undefined (reading isHiddenDay ) found
H-rosy的博客
01-14 4507
Error in mounted hook: TypeError: Cannot read properties of undefined (reading isHiddenDay ) found 无法读取未定义的属性‘isHiddenDay’. 在vue中使用fullcalendar在mounted钩子中渲染报错
VSCode 启动项目出现的问题
最新发布
lgdzlj的博客
04-17 137
关于vscode 运行项目报错
[Vue warn]: Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘$on‘)“
qq_45803094的博客
08-23 5891
vue报错 Error in mounted hook “TypeError Cannot read properties of undefined (reading ‘$on‘)“
vue报错 Error in mounted hook “TypeError Cannot read properties of undefined (reading ‘$on‘)“
caigoutu的博客
07-06 1万+
vue报错 Error in mounted hook “TypeError Cannot read properties of undefined (reading ‘$on‘)“
react-is-mounted-hook:React钩子，以检查组件是否仍然安装
03-31
React是挂机React钩子，以检查组件是否仍然安装安装// with npmnpm install react-is-mounted-hook// with yarnyarn add react-is-mounted-hook如何使用import React , { useState , useEffect } from 'react' ;...
读取数据库的幻灯片 PPT
07-07
自己做的幻灯片。认为比较经典。页面比较少。况且还不漂亮。关键是用到了VBA。可以动态的读取数据库，显示在页面上
In-depth-analysis-of-Vue:https
05-10
我们会向构造器中传递各种类型的可配置选项，例如data,props,或者像mounted这类生命周期钩子。而除了这些用户自定义的选项，Vue还提供了很多内部的选项，这些选项遵循什么样的合并规则就是这一节分析的重点。 基础的...
Two decision models: Identification and diagnostic teaching of handicapped children in the regular classroom
06-29
Two decision models: Identification and diagnostic teaching of handicapped children in the regular classroom TWO DECISION MODELS: IDENTIFICATION AND DIAGNOSTIC TEACHING O F HANDICAPPED CHILDREN I...
修复浏览器报错 Error in mounted hook (Promise/async): “[object Object]“
zwt1995的博客
04-26 9411
记录bug，以便后续遇到同样问题。 错误提示是： 产生原因： 是在生命周期钩子函数错误、可能在生命周期之前调用了为定义的函数、方法、对象、对象属性等 async mounted() { document.documentElement.scrollTop = 0; let data = (await request().data; if (data) { this.success = true }
Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘dispatch‘)“
weixin_68714627的博客
01-12 4475
vuex版本问题
[解决]“TypeError: Cannot read property ‘xxx‘ of undefined“
m0_64838460的博客
11-18 1万+
错误解决。
vue引入echarts报错Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘init‘
qq_33298964的博客
01-12 660
在一个已有VUE项目中引入echarts报错，可能引起错误的原因是echarts引入方式错误。
Error in mounted hook: “TypeError: Cannot read property ‘init‘ of undefined“
热门推荐
qq_43339903的博客
06-26 1万+
echarts Cannot read property ‘init‘ of undefined 报错问题 查看引入对错 Error in mounted hook: “TypeError: Cannot read property ‘init’ of undefined” 我直接 import echarts from 'echarts’时也会报错，所以后面修改了引入时的写法import * as echarts from 'echarts’ ...
【vue报错】vue.runtime.esm.js?2b0e:1897 TypeError: Cannot read properties of undefined (reading ‘0‘)
nilmao的博客
04-04 7134
Error in mounted hook: "TypeError: Cannot read properties of undefined (reading '0')" vue.runtime.esm.js?2b0e:1897 TypeError: Cannot read properties of undefined (reading '0') 原因： 创建DOM元素遍历依赖的 props 数据，而计算过程在挂载完毕之后； 需要将计算过程放到 正确 的生命周期钩子； ...
[Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'getAttribute' of null"
DreamFJ的博客
04-15 1896
[Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'getAttribute' of null"
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图表时出现的错误。这个错误通常是由于代码中的错误导致的。根据引用和引用，可能的原因是将methods写成了method，或者在引入Echarts图表时出现了init函数未定义的问题。所以，建议您检查一下代码中的拼写错误或变量未定义的问题，并确保正确引入Echarts图表库。 另外，根据引用，如果您使用的是vuex，并且遇到了"TypeError: Cannot read properties of undefined (reading ‘getters’)"的错误，可能是由于vuex版本的问题。您可以尝试将vuex升级或降级到与您项目兼容的版本，以解决这个问题。 综上所述，错误"Error in mounted hook: 'TypeError: Cannot read properties of undefined (reading 'init')"很有可能是代码中的拼写错误、变量未定义或者vuex版本问题导致的。建议您仔细检查代码，并确保正确引入Echarts图表库和vuex版本与项目兼容。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [引入echarts时报错 “TypeError: Cannot read properties of undefined (reading ‘init‘)“的解决方案](https://blog.csdn.net/m0_51060602/article/details/123193818)[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_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [Vue2 开发/学习 记录](https://blog.csdn.net/hujian66/article/details/130529154)[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_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 10
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

nicole27ll

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

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

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

打赏作者

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

抵扣说明：

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

余额充值