引入echarts时报错 “TypeError: Cannot read properties of undefined (reading ‘init‘)“的解决方案

最新推荐文章于 2024-05-31 17:40:50 发布
最新推荐文章于 2024-05-31 17:40:50 发布
阅读量5.8k 收藏 2
点赞数 12
分类专栏： 前端报错实例 文章标签： vue.js ui 前端 javascript echarts
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_51060602/article/details/123193818
版权

首先，来看一下报错实例：

在用vue ui 创建项目，引入Echarts图表的时候，终端报了'Error in mounted hook: "TypeError: Cannot read properties of undefined (reading 'init') " '的错误，翻译为：“挂载的钩子中出现错误：“TypeError:无法读取未定义的属性（读取'init'）”。

解决办法：用import * as echarts from 'echarts'  替换  import echarts from 'echarts'，便可以有效解决。

示例代码:

 

IsAnSir
关注
  • 12
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Vue中调用echarts控制台报错 Cannot read properties of undefined (reading ‘init‘)
Jwybwy的博客
04-20 6922
控制台报错 Cannot read properties of undefined (reading 'init')"。`
报错：TypeError: Cannot read properties of undefined (reading ‘init‘)
木木木森林
05-30 1万+
报错：TypeError： Cannot read properties of undefined reading 'init'1. 报错的样子2. 报错的原因3. 解决的方法4. 控制台不再报错 1. 报错的样子 在vue当中引用echarts，控制台报错： “TypeError: Cannot read properties of undefined (reading ‘init‘) 2. 报错的原因 报错是因为我们引用了echarts里面的init方法显示没有定义 3. 解决的方法 将import
解决Uncaught TypeError: Cannot read properties of null错误
最新发布
weixin_48683052的博客
05-31 2697
当在编写JavaScript代码时，经常会遇到Uncaught TypeError: Cannot read properties of null错误。本文将介绍这个错误的原因、常见的解决方法以及如何避免它的发生。
vue项目报错：TypeError: Cannot read properties of undefined (reading ‘init’)”
weixin_48653338的博客
05-10 7675
vue项目报错：TypeError: Cannot read properties of undefined (reading ‘init’)”
Error in nextTick: “TypeError: Cannot read properties of undefined (reading ‘init‘)“首次点击页面跳转找不到
qq_42041473的博客
09-06 1万+
新手小白，在写后台前端页面时候，被困惑到了， 场景如下，第一次点击找不到init，傻傻的在网上找了很多，没有我这种问题（一般人做不出来这种操作） /** 新增按钮操作 */ handleAdd(id,couponStatus) { this.reset(); if(id==0||id==1){ this.$nextTick(() => { //弹窗开关 this.addOrUpdateVisible=
echarts 渲染图表出错 Cannot read properties of undefined (reading ‘$echarts‘)
jiusiw的博客
03-06 3986
echarts 的报错，Cannot read properties of undefined (reading '$echarts')"
Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx
01-21
ERROR TypeError: Cannot read property 'tapPromise' of undefined TypeError: Cannot read property 'tapPromise' of undefined at /data/rondir/jenkins/workspace/iot-core-web-test/node_modules/compression-...
Python库 | photon-1.1.6.tar.gz
05-20
资源分类：Python库 所属语言：Python 资源全名：photon-1.1.6.tar.gz 资源来源：官方 安装方法：https://lanzao.blog.csdn.net/article/details/101784059
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#Object‘的解决方法
12-09
当你遇到“Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'”这样的错误，通常是因为在同一个模块中混用了CommonJS（`require`和`module.exports`）和ES6模块（`import`...
电位器的标称阻值和允许偏差
07-11
1、标称阻值为了满足使用者的要求，生产厂生产了各种阻值的电阻器。即使如此，也无法做到使用者想要什么样阻值的电阻器就会有什么样电阻器的成品。为了便于生产和使用，国家统一规定了一系列阻值作为电阻器阻值的...
Vue报错：Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#&lt;Object&gt;‘的解决
08-30
在Vue开发过程中，有时会遇到一个常见的错误：`Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'`。这个错误通常发生在使用Webpack打包Vue应用时，由于模块导入导出规范的...
Vue报错：Cannot read properties of undefined (reading ‘echarts‘)
SunPeng的博客
07-11 6262
Vue报错：Cannot read properties of undefined (reading ‘echarts‘)，引入中国地图china.js
echart 报错 Uncaught TypeError: Cannot read properties of undefined (reading ‘type‘)
xh1506101064的博客
10-08 3662
使用echart 报错 Uncaught TypeError: Cannot read properties of undefined (reading ‘type’)报错情况，使用了ResizeObserver监听了echart父元素宽高变化，然后就出现了以下两种报错。使用 vue3的API , markRaw，标记一个对象，使其不能成为一个响应式对象。chart会被在vue内部转换成响应式对象，从而在resize 的时候获取不到。
解决echarts中TypeError: Cannot read properties of undefined (reading ‘queryComponents‘)问题
qq_50913806的博客
01-10 1万+
echarts解决 TypeError: Cannot read properties of undefined (reading 'queryComponents') 问题，并实现关系图和饼图的组合图。
在Vue3中导入Echart飞机航线图的china.js文件，控制台报错TypeError: Cannot read properties of undefined
qq_56937317的博客
09-06 590
解决在Vue3中导入Echart飞机航线图的china.js文件，控制台报错TypeError: Cannot read properties of undefined (reading 'echarts')at china.js:13:22 at china.js:15:3的问题
解决Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘id‘)报错
热门推荐
m0_57524265的博客
06-28 3万+
前期上网查以为是axios异步请求的问题，后来一直尝试发现是访问对象的问题，每个人触发报错的前提都不相同，看看是否适合你！
echarts点击图例出现Cannot read properties of undefined (reading ‘type‘)的错误
qq_43136527的博客
07-14 2752
echarts点击图例出现Cannot read properties of undefined (reading 'type')的错误
caught (in promise) TypeError: Cannot read properties of undefined (reading ‘init‘)
Sakura_YuLi的博客
04-28 1360
查看package.json文件中echarts版本，如果是5.0以上的版本请卸载安装指定版本4.2.1，然后就不会报错了。解决方案：init报错。
echarts中TypeError: Cannot read properties of undefined (reading 'init')
08-24
- *2* [引入echarts时报错 “TypeError: Cannot read properties of undefined (reading ‘init‘)“的解决方案](https://blog.csdn.net/m0_51060602/article/details/123193818)[target="_blank" data-report-click...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值