Eharts导入的时候出现TypeError: Cannot read properties of undefined (reading ‘init‘)“的处理

最新推荐文章于 2025-05-14 12:49:03 发布
最新推荐文章于 2025-05-14 12:49:03 发布
阅读量1k 收藏 1
点赞数
分类专栏： js 文章标签： echarts 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_44482737/article/details/128677934
版权
在升级到Echarts5.4.1版本后，发现旧的导入方式`importechartsfromecharts`不再适用。解决方案是改为使用ES6的导入语法`import*asechartsfromecharts`，这样可以确保图表正常显示。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在这里插入图片描述
出现这种情况，去官方查看文档，原来现在5.4.1版本的导入方式了，之前用的4.9版本的时候import echarts from “echarts”; 这种导入方法没有问题的。

解决办法：
import echarts from “echarts”; 改成 import * as echarts from “echarts”;这种形式就可以了
在这里插入图片描述
图表正常显示
在这里插入图片描述

【异常】报错：TypeError: Cannot read properties of undefined (reading ‘init‘)
本本本添哥
11-28 2778
在vue当中引用echarts，控制台报错： “TypeError: Cannot read properties of undefined (reading ‘init‘)
彻底解决Error in nextTick: TypeError: Cannot read properties of undefined (reading clearValidate)
renkai721的专栏
09-19 1万+
Error in nextTick: TypeError: Cannot read properties of undefined (reading clearValidate)
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')"
Echarts 初始化TypeError: Cannot read properties of undefined (reading ‘init‘)
FrankJiang
12-10 5559
导入echarts时用：import echarts from ‘echarts’ 出现 “Cannot read property ‘init’ of undefined” 报错，改成 import * as echarts from ‘echarts’ 后解决。
Uncaught TypeError: Cannot read properties of undefined (reading ‘type‘)
最新发布
weixin_52493208的博客
05-14 288
解决方案:在Echarts中，初始化的实例一般也不用去更改，更多的是去调用其自带的方法,所以不建议用ref。3.定义常量存储echarts,不使用ref。2.使用markRaw。
Echarts 初始化TypeError Cannot read properties of undefined (reading ‘init‘)
m0_52789121的博客
02-21 948
导入echarts时用：import echarts from ‘echarts’ 出现 “Cannot read property ‘init’ of undefined” 报错，改成 import * as echarts from ‘echarts’ 后解决。
vue项目报错：TypeError: Cannot read properties of undefined (reading ‘init’)”
weixin_48653338的博客
05-10 7931
vue项目报错：TypeError: Cannot read properties of undefined (reading ‘init’)”
vue2/3 - 解决报错TypeError: Cannot read properties of undefined (reading ‘wrapper‘)，vue打包或运行时控制台报错完美解决方案
高级前端工程师
05-10 3211
vue3，vue2，报错，无法打包，无法运行，vue3打包时报错，vue打包build出错，wrapper属性，TypeError: Cannot read properties of undefined (reading ‘wrapper‘)，vue如何解决报错，浏览器控制台报错，npm run serve运行项目时正常显示，但npm run build构建时却报错，vue运行没问题但打包就会报错，怎么解决这个问题，如何解决问题并成功打包发布，代码中尝试访问一个未定义对象的 wrapper属性。在vue2
TypeError： Cannot read properties of undefined reading 'init'
06-09
TypeError: Cannot read properties of undefined reading 'init' 是 JavaScript 中常见的错误，它发生在试图访问一个未定义或 null 的对象的 'init' 属性时。在JavaScript中，当你尝试像 `obj.init` 这样访问一个...
在vue中引入echarts ，应用报错， “TypeError: Cannot read properties of undefined (reading ‘init‘)
mzy110_的博客
02-28 4243
前言：在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('
报错：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报错 Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘init‘)
热门推荐
qq_61771146的博客
06-28 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 3798
[Vue warn]: Error in mounted hook: "TypeError: Cannot read properties of undefined (reading 'init')"
Vue整合Echarts报错：“TypeError: Cannot read properties of undefined (reading ‘init‘)“
少年你真的要止步于此嘛。
12-29 2317
"TypeError: Cannot read properties of undefined (reading 'init')"
在vue中引入echarts ，应用报错， “TypeError: Cannot read properties of undefined (reading ‘init‘)“
mo_gui_jun的博客
11-22 3481
在main.js中引入echarts import echarts from 'echarts' Vue.prototype.$echarts = echarts 运行页面，报错 解决方案： 引入方式改为如下写法，按需引入也按照对应的方式引入，通过查阅相关文档，导致此现象的原因可能是版本不一致，个人使用的是5.2.2版本的，将版本降低到5以下也能解决此问题 import * as echarts from 'echarts' Vue.prototype.$echarts ..
在vue中引入echarts ，应用报错， “TypeError Cannot read properties of undefined (reading ‘init‘)“
web15285868498的博客
03-10 1156
在main.js中引入echarts import echarts from 'echarts' Vue.prototype.$echarts = echarts 运行页面，报错 解决方案： 引入方式改为如下写法，按需引入也按照对应的方式引入，通过查阅相关文档，导致此现象的原因可能是版本不一致，个人使用的是5.2.2版本的，将版本降低到5以下也能解决此问题 import * as echarts from 'echarts' Vue.prototype.$echarts = echarts .
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时报错 “TypeError: Cannot read properties of undefined (reading ‘init‘)“的解决方案
weixin_41549971的博客
01-03 1970
引入echarts时报错 “TypeError: Cannot read properties of undefined (reading ‘init‘)“的解决方案
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值