ElementUI 05 - 使用Echarts报错：TypeError: Cannot read property ‘init‘ of undefined

前提

在使用ElementUI进行数据报表展示时，需要引入Echarts。本地成功完成Echarts的安装，代码引用Echarts无误，但是在代码运行时，console报如下错误：

使用Echarts代码

<script>
// 1. 导入 echarts
import echarts from 'echarts'
export default {
  data() {},
  created() {},
  mounted() {
    // 3. 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main'))
    
    // 4. 准备配置项和数据
    var options = {...}

    // 5. 展示数据
    myChart.setOption(options)
  
  }

解决方案

经过反复查证，发现此问题的出现是由于本地Echarts版本过高导致。

当前本地Echarts版本是：5.1.2

卸载本地5.1版本并安装4.9.0可解决此错误。

目前未深究Echarts 5.x 和 4.x 功能和使用有何区别，先解决测问题，后续可继续深入研究并更新。

> npm uninstall echarts
> npm install echarts@4.9.0 --save