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

最新推荐文章于 2024-04-03 12:09:05 发布
最新推荐文章于 2024-04-03 12:09:05 发布
阅读量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 6767
其实之前也遇到过这种问题，出现了两三次就觉得还是记下来比较好。之前的问题是我的数据已经存在一个对象中了，然后要把这个对象传到另一个组件里，在mounted来打印是空的，最后我是用watch监听来解决的。，简单来说就是初始化太快了，我的接口数据还没赋值就已经完成初始化了，所以才会报错。这个是我的代码，其实就是多做了一个步骤，我其实没有必要要那个setData，直接在data定义一个对象就可以了。
Error in mounted hook: TypeError: Cannot read properties of undefined (reading isHiddenDay ) found
H-rosy的博客
01-14 4532
Error in mounted hook: TypeError: Cannot read properties of undefined (reading isHiddenDay ) found 无法读取未定义的属性‘isHiddenDay’. 在vue中使用fullcalendar在mounted钩子中渲染报错
Vue 报错Error in mounted hook “TypeError Cannot read properties of null (reading ‘getAttribute‘)
最新发布
m0_60567881的博客
04-03 401
阿里十分注重你对源码的理解，对你所学，所用东西的理解，对项目的理解。CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】.png)CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
[Vue warn]: Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘$on‘)“
qq_45803094的博客
08-23 5922
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...
财税实务：如何启动或关闭数据库的归档模式.pdf
11-30
Database mounted. ``` 3. **启用归档模式**： 在挂载状态下，使用`alter database archivelog`命令启用归档模式： ``` SQL> alter database archivelog; Database altered. ``` 随后，使用`alter database...
WebSocket重练机制
11-22
Uncaught ReferenceError: ReconnectingWebSocket is not defined； 说明缺少包资源，需引入reconnecting-websocket.js和reconnecting-websocket.minjs 创建WebSocket对象使用ReconnectingWebSocket 如下： ...
Observation of high-Q optomechanical modes in the mounted silica microspheres
02-23
An efficient method to mount a coupled silica microsphere and tapered fiber system is proposed and demonstrated experimentally... For the purpose of optomechanical studies, high-quality-factor optical (Q
vue中使用refs定位dom出现undefined的解决方法
11-29
但是期间遇到了一个问题，就是在mounted(){}钩子里面使用this.$refs.xxx，打印出来的却是undefined？ 于是我就对比了一下之前使用ref定位的.vue文件，发现了他们之间的区别。 我们要想知道为什么会定位不到某个DOM...
mvvm-in-js:香草js最简单的mvvm应用程序示例
05-07
mounted ：元素连接到DOM时调用的回调 特性 $root ：影子dom根 $data ：数据模型 $watcher ：数据观察者 $methods ：方法 $emit ：调度自定义事件 $ref ：引用的元素 DOM属性用法 m-bidata-<child>="<dataName>" ：...
修复浏览器报错 Error in mounted hook (Promise/async): “[object Object]“
zwt1995的博客
04-26 9451
记录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 4481
vuex版本问题
[解决]“TypeError: Cannot read property ‘xxx‘ of undefined“
热门推荐
m0_64838460的博客
11-18 1万+
错误解决。
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图表时出现的错误。这个错误通常是由于代码中的错误导致的。根据引用和引用，可能...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

nicole27ll

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

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

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

打赏作者

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

抵扣说明：

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

余额充值