在Vue项目中，遇到在main.js中引入echarts时出现报错的情况。原先的导入方式为`import echarts from 'echarts'`，修改为`import * as echarts from 'echarts'`后解决了问题。此外，发现可能是由于版本不一致导致的，使用5.2.2版本出现问题，降至5.0以下可以正常工作。采用按需引入和匹配版本策略，确保了echarts渲染正常。
在main.js中引入echarts
import echarts from 'echarts'
Vue.prototype.$echarts = echarts
运行页面，报错
解决方案：
引入方式改为如下写法，按需引入也按照对应的方式引入，通过查阅相关文档，导致此现象的原因可能是版本不一致，个人使用的是5.2.2版本的，将版本降低到5以下也能解决此问题
import * as echarts from 'echarts'
Vue.prototype.$echarts = echarts
结果：
修改引入方式后，echarts渲染正常
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
