在vue中引入echarts ，应用报错， “TypeError: Cannot read properties of undefined (reading ‘init‘)“

最新推荐文章于 2024-05-15 13:36:47 发布
原创 最新推荐文章于 2024-05-15 13:36:47 发布 · 3.5k 阅读 · 7 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#echarts #vue.js #前端

在Vue项目中，遇到在main.js中引入echarts时出现报错的情况。原先的导入方式为`import echarts from 'echarts'`，修改为`import * as echarts from 'echarts'`后解决了问题。此外，发现可能是由于版本不一致导致的，使用5.2.2版本出现问题，降至5.0以下可以正常工作。采用按需引入和匹配版本策略，确保了echarts渲染正常。

在main.js中引入echarts

import echarts from 'echarts'
Vue.prototype.$echarts = echarts

 运行页面，报错

解决方案：

引入方式改为如下写法，按需引入也按照对应的方式引入，通过查阅相关文档，导致此现象的原因可能是版本不一致，个人使用的是5.2.2版本的，将版本降低到5以下也能解决此问题

import * as echarts from 'echarts'
Vue.prototype.$echarts = echarts

结果：

修改引入方式后，echarts渲染正常

 

 

 

 

【异常】报错：TypeError: Cannot read properties of undefined (reading ‘init‘)
本本本添哥
11-28 2998
在vue当中引用echarts，控制台报错： “TypeError: Cannot read properties of undefined (reading ‘init‘)
vue2/3 - 解决报错TypeError: Cannot read properties of undefined (reading ‘wrapper‘)，vue打包或运行时控制台报错完美解决方案
高级前端工程师
05-10 3531
vue3，vue2，报错，无法打包，无法运行，vue3打包时报错，vue打包build出错，wrapper属性，TypeError: Cannot read properties of undefined (reading ‘wrapper‘)，vue如何解决报错，浏览器控制台报错，npm run serve运行项目时正常显示，但npm run build构建时却报错，vue运行没问题但打包就会报错，怎么解决这个问题，如何解决问题并成功打包发布，代码中尝试访问一个未定义对象的 wrapper属性。在vue2
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 中使用echart5.2发生TypeError: Cannot read properties of undefined (reading ‘init‘)
qgbihc的专栏
09-24 5128
在VUE项目中使用echart，以前使用的时4.8版本，一切正常。 但是把echart的版本改为5.2后，提示出现如下错误： TypeError: Cannot read properties of undefined (reading 'init')" 查看官方文档： Apache ECharts 5 升级指南 有明确的说明，引用方式的变化： 1、如果使用者在 v4 中这样引用了 echarts： import echarts from 'echarts'; // 或者按需引入 import echar
报错：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
Vue项目报错： “TypeError: Cannot read properties of undefined (reading ‘init‘)“
weixin_56035334的博客
08-09 3849
[Vue warn]: Error in mounted hook: "TypeError: Cannot read properties of undefined (reading 'init')"
【vue3学习】vue3引入echarts5全过程详解，附报错记录TypeError: Cannot read properties of undefined (reading ‘init‘)
weixin_44372834的博客
09-20 1715
【vue3学习】vue3引入echarts5全过程详解，附报错记录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 初始化TypeError Cannot read properties of undefined (reading ‘init‘)
m0_52789121的博客
02-21 986
导入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 7983
vue项目报错：TypeError: Cannot read properties of undefined (reading ‘init’)”
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中引入echarts ，应用报错， “TypeError Cannot read properties of undefined (reading ‘init‘)“
web15285868498的博客
03-10 1180
在main.js中引入echarts import echarts from 'echarts' Vue.prototype.$echarts = echarts 运行页面，报错 解决方案： 引入方式改为如下写法，按需引入也按照对应的方式引入，通过查阅相关文档，导致此现象的原因可能是版本不一致，个人使用的是5.2.2版本的，将版本降低到5以下也能解决此问题 import * as echarts from 'echarts' Vue.prototype.$echarts = echarts .
Cannot read properties of undefined (reading ‘init‘)报错
weixin_47194802的博客
05-15 640
出现这个报错是印象项目没有引echarts包。npm i echarts 下包。然后在main.js中引入。
Vue中调用echarts控制台报错 Cannot read properties of undefined (reading ‘init‘)
Jwybwy的博客
04-20 7213
控制台报错 Cannot read properties of undefined (reading 'init')"。`
Echarts 初始化TypeError: Cannot read properties of undefined (reading ‘init‘)
FrankJiang
12-10 5631
导入echarts时用：import echarts from ‘echarts’ 出现 “Cannot read property ‘init’ of undefined” 报错，改成 import * as echarts from ‘echarts’ 后解决。
在vue中引入echarts ，应用报错， “TypeError: Cannot read properties of undefined (reading ‘init‘)
mzy110_的博客
02-28 4287
前言：在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‘)“的解决方案
weixin_41549971的博客
01-03 2126
引入echarts时报错 “TypeError: Cannot read properties of undefined (reading ‘init‘)“的解决方案
echarts resize 报错TypeError: Cannot read properties of undefined (reading 'type')
最新发布
09-10
在进行 Echarts resize 操作时出现 “TypeError: Cannot read properties of undefined (reading 'type')” 错误，通常是由于 Echarts 实例受到 Vue 响应式处理的影响。以下是具体的解决办法： ### 组合式中使用 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值