“TypeError: Cannot read property ‘init‘ of undefined”在Vue中使用echarts,导入时报错

最新推荐文章于 2024-05-10 11:24:09 发布
最新推荐文章于 2024-05-10 11:24:09 发布
阅读量951 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： # 前端可视化 文章标签： echarts
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hh3167253066/article/details/118226754
本文介绍了在使用ECharts时遇到的一个常见问题及其解决方案。当在项目中引入ECharts库时，正确的导入方式应该是使用import * as echarts from 'echarts'而非import echarts from 'echarts'。这一改动能够确保所有ECharts的功能正常工作。

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

在这里插入图片描述
解决：在引用时：
import echarts from ‘echarts’ 改为 import * as echarts from ‘echarts’

Vue中使用echarts，并解决“TypeError: Cannot read property ‘init‘ of undefined“报错
FpwgTcl的博客
09-14 557
请确保按照步骤正确安装和引入echarts库，并在初始化echarts实例时传入正确的DOM元素。如果您在使用echarts时遇到了报错"TypeError: Cannot read property ‘init’ of undefined"，这通常是由于echarts库未正确引入或者引入方式不正确导致的。检查依赖版本：确保您的Vue项目依赖的echarts版本与您安装的echarts库版本一致。语句中的echarts路径是否正确。安装完成后，在需要使用echarts的Vue组件中引入echarts库。
[Vue warn]: Error in mounted hook: “TypeError: Cannot read property ‘getAttribute‘ of null“
热门推荐
郭宝的博客
06-24 11万+
错误场景一： 错误提示： 在运行Vue项目时出现了上述错误，出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化所造成的，代码如下： // 基于准备好的dom，初始化echarts实例 var bar_dv = document.getElementById('bar_dv'); let myChart = this.$echarts.init(bar_dv) 解...
TypeError: Cannot read property ‘init‘ of undefined
weixin_46982032的博客
02-02 386
使用element 的echarts 进行图表渲染时 如果报TypeError: Cannot read property ‘init’ of undefined 可以在引入的时候修改
Error in mounted hook: “TypeError: Cannot read property ‘init‘ of undefined“
weixin_46370867的博客
02-14 4640
今天在使用ECharts的时候遇到了报错： Error in mounted hook: “TypeError: Cannot read property ‘init’ of undefined” 原因：echarts的引入方式错误： 正确的echarts引入方式： let echarts = require('echarts')