升级echarts v5.0以后vue项目报错“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘

简介: 升级echarts v5.0以后vue项目报错“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘


看到这个报错,我的心情是这样的


只需要在main.js里面重新修改引入echarts的方式

//引入Echarts【安装方法】cnpm i echarts -S
import * as echarts from 'echarts';
//或者 const echarts = require('echarts');
Vue.prototype.$echarts = echarts;

关键代码

import * as echarts from 'echarts';

const echarts = require('echarts');

总算运行起来了


相关文章
Vue3,setup的使用需要搭配return进行使用,Vue3中带setup的script的标签和不带能不能合并到一起,export default不能放到setup里会报错,script
Vue3,setup的使用需要搭配return进行使用,Vue3中带setup的script的标签和不带能不能合并到一起,export default不能放到setup里会报错,script
|
1月前
|
前端开发
Vue2和Vue3的区别,在setup中定义的数据,在data(){return中能否定义到},在setup我们不能用this,写在return中可以用this,但是不能在setup否则会报错
Vue2和Vue3的区别,在setup中定义的数据,在data(){return中能否定义到},在setup我们不能用this,写在return中可以用this,但是不能在setup否则会报错
|
11天前
|
JavaScript 测试技术 API
如何从 Vue 2 无痛升级到 Vue 3,一文搞定!
如何从 Vue 2 无痛升级到 Vue 3,一文搞定!
|
5天前
|
JavaScript
echarts在Vue项目中的实际运用效果图
这篇文章展示了在Vue项目中使用ECharts图表库的步骤,包括安装ECharts、引入到Vue组件、创建图表实例以及通过watch监听数据变化来实现实时数据更新的方法。
echarts在Vue项目中的实际运用效果图
|
5天前
|
JavaScript 数据可视化 搜索推荐
在Vue项目中使用Echarts图表库
这篇文章介绍了如何在Vue项目中集成ECharts图表库,并通过具体的代码示例展示了如何创建并配置一个饼图来展示数据。
9 0
在Vue项目中使用Echarts图表库
|
7天前
|
JavaScript
Echarts——VUE中非根节点时不显示图表也无报错
Echarts——VUE中非根节点时不显示图表也无报错
18 1
|
10天前
|
JavaScript 测试技术 API
Vue 2 用得好好的,为什么要升级 Vue3 呢?升级真的值得嘛!!
Vue 2 用得好好的,为什么要升级 Vue3 呢?升级真的值得嘛!!
|
7天前
|
JavaScript
VUE——uuid引入报错
VUE——uuid引入报错
15 0
|
8天前
|
JavaScript
Vue——报错总结
Vue——报错总结
15 0
|
1月前
|
JavaScript
【vue】 在vue2项目中使用echarts
【vue】 在vue2项目中使用echarts
26 0