关于vue脚手架使用echarts后init undefined的问题解决方法

关于vue脚手架安装echarts后导入init的解决方法
学习黑马vue电商后台管理系统中用到echarts然后跟着视频敲完官方文档的dome发现了Cannot read property "init" of undefined的报错
截图：
分析：导入echarts有问题
我们看视频中的导入用的是：

import echarts from 'echarts'

然后再看官方文档给出的正确导入代码

import * as echarts from 'echarts';

原因：官方文档明确指出v5版本 中不再支持

import echarts from 'echarts';
// 或者按需引入
import echarts from 'echarts/lib/echarts';

所以我们应该相应的将导入语句改为

import * as echarts from 'echarts';
// 按需引入
import * as echarts from 'echarts/lib/echarts';

小结：以后在敲代码的时候要及时注意版本更新中的一些改动，就这小问题我还找了3小时(lll￢ω￢)