AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

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

2023-12-15 300
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 升级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');

总算运行起来了


文章标签：
JavaScript
关键词：
VUE.js项目
ECharts项目
ECharts vue
ECharts报错
ECharts vue报错
你挚爱的强哥
目录
相关文章
邹荣乐
|
11月前
|
JSON JavaScript 定位技术
vue中使用echarts实现省市地图绘制，根据数据显示省市天气图标及温度信息
vue中使用echarts实现省市地图绘制，根据数据显示省市天气图标及温度信息
邹荣乐
1297 1
mao29955
|
11月前
|
JavaScript API 开发者
关于vue3中v-model做了哪些升级 ?
【10月更文挑战第1天】
mao29955
310 59
sunyalei
|
12月前
|
缓存 监控 UED
升级 Vue3 时，如何减少打包体积的增加？
升级 Vue3 时，如何减少打包体积的增加？
sunyalei
565 59
sunyalei
|
12月前
|
API UED
如何实现Vue2项目升级Vue3？
如何实现Vue2项目升级Vue3？
sunyalei
603 59
sunyalei
|
12月前
|
API UED
升级 Vue3 后，项目的打包体积会有什么变化？
升级 Vue3 后，项目的打包体积会有什么变化？
sunyalei
297 58
六卿
|
JavaScript
Vue+element_Table树形数据与懒加载报错Error in render: “RangeError: Maximum call stack size exceeded“
本文讨论了在使用Vue和Element UI实现树形数据和懒加载时遇到的“Maximum call stack size exceeded”错误，指出问题的原因通常是因为数据中的唯一标识符`id`不唯一，导致递归渲染造成调用栈溢出。
六卿
823 1
Vue+element_Table树形数据与懒加载报错Error in render: “RangeError: Maximum call stack size exceeded“
邹荣乐
|
11月前
|
JSON JavaScript 定位技术
Vue结合ECharts绘制省市地图：数据驱动区域颜色展示，支持省市下钻与经纬度打点功能
Vue结合ECharts绘制省市地图：数据驱动区域颜色展示，支持省市下钻与经纬度打点功能
邹荣乐
1825 1
java冯坚持
|
11月前
|
算法 Java Linux
java制作海报五：java 后端整合 echarts 画出 折线图，项目放在linux上，echarts图上不显示中文，显示方框口口口
这篇文章介绍了如何在Java后端整合ECharts库来绘制折线图，并讨论了在Linux环境下ECharts图表中文显示问题。
java冯坚持
304 1
大树营养快线
|
11月前
|
JavaScript API
升级 Vue 2 到 Vue 3 时，需要注意哪些问题？
【10月更文挑战第3天】
大树营养快线
636 1
杀死一只知更鸟debug
|
人工智能 JavaScript 索引
Duplicate keys detected: This may cause an update error.【Vue遍历渲染报错的解决】
这篇文章讨论了在Vue中进行列表渲染时遇到的“Duplicate keys detected”错误。这个错误通常发生在使用 `v-for` 指令渲染列表时，如果没有为每个循环项指定一个唯一的 `key` 属性，或者指定的 `key` 属性值重复了。文章提供了导致错误的原始代码示例，并给出了修正后的代码，通过在 `key` 绑定中加入索引确保 `key` 的唯一性。此外，文章还解释了为什么需要唯一 `key` 以及如何解决这个问题。
杀死一只知更鸟debug
1157 0
Duplicate keys detected: This may cause an update error.【Vue遍历渲染报错的解决】

热门文章

最新文章

  • 1
    Vue中如何实现兄弟组件之间的通信
  • 2
    vue 项目调试的三种方法和不同比较
  • 3
    SpringBoot+VUE实现数据表格
  • 4
    vue入门002~vue项目的两种创建方式
  • 5
    vue组件终端报错： error Component name “xxx“ should always be multi-word vue/multi-word-component-names
  • 6
    配置IDEA识别 vue 文件
  • 7
    element-ui报错[Vue warn]: Invalid prop: custom validator check failed for prop “index“.一个符号解决问题
  • 8
    Vue组件中表格文字内容太长，自动变省略号，鼠标悬浮上去显示全称。
  • 9
    修改Vue项目网页标题（title，name）
  • 10
    Vue Router 中实现在新窗口打开页面
  • 1
    uniApp——调整uniApp插件市场上的echarts插件
    479
  • 2
    Echarts——VUE中如何给echarts绑定click事件
    874
  • 3
    Echarts——VUE中非根节点时不显示图表也无报错
    129
  • 4
    Echarts——饼图折线图柱状图相互转换
    529
  • 5
    Echarts——Invalid geoJson format Cannot read property 'length' of undefined
    214
  • 6
    【优秀python web毕设案例】基于协同过滤算法的酒店推荐系统，django框架+bootstrap前端+echarts可视化，有后台有爬虫
    535
  • 7
    基于Python的哔哩哔哩数据分析系统设计实现过程，技术使用flask、MySQL、echarts，前端使用Layui
    959
  • 8
    基于Python协同过滤的旅游景点推荐系统，采用Django框架，MySQL数据存储，Bootstrap前端，echarts可视化实现
    1502
  • 9
    基于Python+flask+echarts的气象数据采集与分析系统，可实现lstm算法进行预测
    408
  • 10
    循序渐进VUE+Element 前端应用开发(10）--- 基于vue-echarts处理各种图表展示
    321

    • 相关课程

    更多
  • Spring Boot+Vue.js+FastDFS实现分布式图片服务器
  • Vue.js 入门与实战
  • Vue.js完全自学手册图文教程

    • 相关电子书

    更多
  • 基于VUE的单页面性能优化实践
  • Vue.js 在前端服务化上的探索与实践
  • Vue.js在前端服务化上的实践与探索
    • 下一篇
    2025云栖大会，阿里云百炼邀请您的参与和见证