Echarts出现 “init of undefined“ 的解决方案

最近在做Echarts图表，遇到了一个有点奇怪的问题：总是报 “init of undefined” ，如下图所示：

在网上百度了解决方案，然后又看了一下官方文档，才发现 Echarts5.0的引入方式和Echarts4的引入方式不一样了。解决方式如下：

第一种解决方案：将Echarts的版本降到V4版本

// 首先先写在echarts的最新版本
npm uninstall echarts --save

// 可以安装4.8.0版本（@后面是指定想安装的版本号）
npm install echarts@4.8.0 --save

// 安装完成之后就可以正常使用了

第二种解决方案：使用Echarts5的方式引入

// 在 main.js 中引入echarts
import * as echarts from 'echarts';
Vue.prototype.$echarts = echarts; 

// 这样问题也完美解决了