vue echarts is not defined（Vue中使用Echarts5.0遇到的一些问题(vue-cli下开发)）
导读：Vue使用Echarts5.0的一些问题 问题...
Vue使用Echarts5.0的一些问题
问题
最新版的 Echarts5.0 使用 import echarts from echarts 导入 ，会发现导出的 echarts 是 undefined 的情况 ，无法正常使用 。
解决方案一
新版本有问题就用旧版本咯
# 卸载 Echarts5.0
npm uninstall echarts
# 规定版本来安装（选择自己喜欢的版本安装）
npm install echarts@4.8.0 --save
# 导入使用
import echarts from echarts
解决方案二
还是使用 Echarts5.0 但是导入方式换为：
import * as echarts from echarts
为什么会出现这种情况？
对比一下 源码就知道咯 ，5.0 版本的 dist 目录多了个 .esm.js 文件 ，之前的版本是没有的 ，这是个特意给 ESM 模块导入使用的 ，截图如下 ，所以以前的导入方法就不行咯 ，因为使用了 export 而不是 export default （可以去了解下 ESM ，就知道这两个导出有啥区别了）
vue使用echarts 5.0“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘
有原来的引入方式改为
import * as echarts from "echarts"
以上为个人经验 ，希望能给大家一个参考 ，也希望大家多多支持本站 。
声明：本站所有文章 ，如无特殊说明或标注 ，均为本站原创发布 。任何个人或组织 ，在未征得本站同意时 ，禁止复制 、盗用 、采集 、发布本站内容到任何网站 、书籍等各类媒体平台 。如若本站内容侵犯了原著者的合法权益 ，可联系我们进行处理 。
创心域SEO版权声明：以上内容作者已申请原创保护，未经允许不得转载，侵权必究！授权事宜、对本内容有异议或投诉，敬请联系网站管理员，我们将尽快回复您，谢谢合作！