首页 前端知识 Vue||引入echarts,初始化 init 报错Cannot read property ‘init‘ of undefined 或者 echarts.init is not a function

Vue||引入echarts,初始化 init 报错Cannot read property ‘init‘ of undefined 或者 echarts.init is not a function

2024-03-07 08:03:27 前端知识 前端哥 441 898 我要收藏

Vue引入echarts.js,初始化init()遇到的坑。

报错一: Cannot read property ‘init’ of undefined

在这里插入图片描述
报未定义错误,说明echarts未定义,echarts未引入成功。引入低版本未解决,只需要将引入方式修改:

import echarts from 'echarts'; 
//修改为
import * as echarts from 'echarts'; 

报错二: echarts.init is not a function

在这里插入图片描述
报 init 不是方法,说明 echarts 已经定义,可以用测试变量z接受echarts,查看一下 echarts 的值:

this.z = this.$echarts;  //本例使用的是全局定义的echarts

发现 echarts 外面多包了一层:
在这里插入图片描述
所以,只需要多索引一层即可:

var myChart = this.$echarts.init(document.getElementById('dom_Id'));
//修改为
var myChart = this.$echarts.echarts.init(document.getElementById('dom_Id'));
转载请注明出处或者链接地址:https://www.qianduange.cn//article/3406.html
标签
评论
会员中心 联系我 留言建议 回顶部
复制成功!