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

最新推荐文章于 2024-03-28 19:07:19 发布
最新推荐文章于 2024-03-28 19:07:19 发布
阅读量5.7k 收藏 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
    评论
专栏目录
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
报错：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
echarts 图表引入报错怎么回事，可能是全网最细的前端-资源加载机制剖析
最新发布
2401_83621331的博客
03-28 170
name: ‘李士乐’,name: ‘黄金鹏’,name: ‘王圳森’,name: ‘刘燕飞’,name: ‘韩洋’,
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项目报错： “TypeError: Cannot read properties of undefined (reading ‘init‘)“
weixin_56035334的博客
08-09 3478
[Vue warn]: Error in mounted hook: "TypeError: Cannot read properties of undefined (reading 'init')"
vue项目报错：TypeError: Cannot read properties of undefined (reading ‘init’)”
weixin_48653338的博客
05-10 7584
vue项目报错：TypeError: Cannot read properties of undefined (reading ‘init’)”
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>'   点开错误的文件，标注错误的地方是这样的一段代码： import {normalTime} from './timeFormat'; module....
电位器的标称阻值和允许偏差
07-11
1、标称阻值为了满足使用者的要求，生产厂生产了各种阻值的电阻器。即使如此，也无法做到使用者想要什么样阻值的电阻器就会有什么样电阻器的成品。为了便于生产和使用，国家统一规定了一系列阻值作为电阻器阻值的...
Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx
01-21
Vue打包Cannot read property 'tapPromise' of undefined报错处理.docx
解决jquery插件：TypeError:$.browser is undefined报错的方法
10-23
为大家分享了一个解决jquery插件：TypeError:$.browser is undefined报错的方法，解决报错问题的方法也很简单，需要解决此类问题的朋友不要错过这篇文章。
Echarts报错 Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘init‘)
qq_51066068的博客
09-22 2227
Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘init‘)
【异常】报错：TypeError: Cannot read properties of undefined (reading ‘init‘)
本本本添哥
11-28 1710
在vue当中引用echarts，控制台报错： “TypeError: Cannot read properties of undefined (reading ‘init‘)
vue项目使用echart，报错Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ini
xiaommxhxxl的博客
04-04 5449
踩坑，在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中引入echarts ，应用报错， “TypeError: Cannot read properties of undefined (reading ‘init‘)
mzy110_的博客
02-28 4047
前言：在vue中引入echarts ，应用报错， “TypeError: Cannot read properties of undefined (reading ‘init‘) 当时检查了导入引用都没有出错，查阅文档发现可能是下载了Echarts的最新版本 所以就重新下载了4.0版本覆盖之前下载的版本启动项目运行成功了 npm install echarts@4.8.0 --save 源代码： ##src/main.js // 引入 ECharts 主模块 let echarts = require('
Echarts 初始化TypeError Cannot read properties of undefined (reading ‘init‘)
m0_52789121的博客
02-21 845
导入echarts时用：import echarts from ‘echarts’ 出现 “Cannot read property ‘init’ of undefined” 报错，改成 import * as echarts from ‘echarts’ 后解决。
问题：Cannot read properties of undefined (reading ‘init‘)“
m0_45052521的博客
04-19 9324
原因：直接像引入其他包一样引入了echarts 解决方案： 必须带*否则会出错 (Vue项目使用)例如： 安装命令：npm i echarts main.js中引入 组件中：
echarts中TypeError: Cannot read properties of undefined (reading 'init')
08-24
当你在使用Vue整合Echarts时，遇到了TypeError: Cannot read properties of undefined (reading 'init')的错误。这个错误通常是因为Echarts的初始化没有成功导致的。在Vue项目中使用Echarts时，通常需要在main.js文件中引入Echarts并将其挂载到Vue实例的原型上。 根据引用和引用，这个错误可能是在项目中引入Echarts时出现的。你可以尝试按照引用中的写法，在main.js文件中引入Echarts，并将其挂载到Vue.prototype上。确保你已经正确安装了Echarts库。 如果你已经按照正确的方式引入并挂载Echarts，但仍然遇到这个错误，可能是由于Echarts库的版本不兼容导致的。你可以尝试升级或降级Echarts库的版本，或者查看Echarts官方文档以获取更多关于初始化Echarts的方法和注意事项。 总结起来，当你在使用Vue整合Echarts时遇到TypeError: Cannot read properties of undefined (reading 'init')的错误时，首先确保你已经正确引入并挂载了Echarts库。如果问题仍然存在，可以尝试升级或降级Echarts库的版本，或者查阅Echarts官方文档以获取更多解决方法。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [Vue整合Echarts报错：“TypeError: Cannot read properties of undefined (reading ‘init‘)](https://blog.csdn.net/weixin_45481821/article/details/127344360)[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_2"}}] [.reference_item style="max-width: 50%"] - *2* [引入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_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值