Vue中调用echarts控制台报错 Cannot read properties of undefined (reading ‘init‘)

前言

简单记录echarts在vue中使用遇到的问题：控制台报错 Cannot read properties of undefined (reading 'init')"。

一、引入问题

import echarts from 'echarts'; // 错误的引入
import * as echarts from 'echarts';//echarts 官网引入方法 
{ 
...
var myChart = this.$echarts.init(document.getElementById(id)); //注意是this.$echarts.init
...
}

二、封装之后出现问题

对应的图表多处调用，所以进行封装；然而会同样出现了 Cannot read properties of undefined (reading 'init')"。

import * as echarts from 'echarts';//需要在封装.js页面中引入 
 {
 ...
 var myChart = echarts.init(document.getElementById(id));//注意是echarts.init
 ...
 }

总结

好好学习，天天向上。