vue-cli3 中使用 Echarts5.0以及更高版本的一些问题

问题

• 最新版的 Echarts5.0 使用 import echarts from 'echarts' 导入，会发现导出的 echarts 是 undefined 的情况，无法正常使用。

•   "export 'default' (imported as 'echarts') was not found in 'echarts'
  

1. 解决方法

2. 使用旧版本

   # 卸载 Echarts5.0
   npm uninstall echarts
   # 规定版本来安装（选择5.0以下版本安装）
   npm install echarts@4 --save
    # 导入使用
   import echarts from 'echarts'
   

3. 使用5.0及以上版本，但是导入方式需要更改

   import * as echarts from 'echarts'
   

原因

对比一下 源码就知道咯，5.0 版本的 dist 目录多了个 .esm.js 文件 ，之前的版本是没有的，这是个特意给 ESM 模块导入使用的，截图如下，所以以前的导入方法就不行咯，因为使用了 export 而不是 export default （可以去了解下 ESM，就知道这两个导出有啥区别了）