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

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

2023-12-15 402
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 升级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报错
你挚爱的强哥
目录
相关文章
邹荣乐
|
JSON JavaScript 定位技术
vue中使用echarts实现省市地图绘制，根据数据显示省市天气图标及温度信息
vue中使用echarts实现省市地图绘制，根据数据显示省市天气图标及温度信息
邹荣乐
1875 1
六卿
|
JavaScript
Vue+element_Table树形数据与懒加载报错Error in render: “RangeError: Maximum call stack size exceeded“
本文讨论了在使用Vue和Element UI实现树形数据和懒加载时遇到的“Maximum call stack size exceeded”错误，指出问题的原因通常是因为数据中的唯一标识符`id`不唯一，导致递归渲染造成调用栈溢出。
六卿
1365 1
Vue+element_Table树形数据与懒加载报错Error in render: “RangeError: Maximum call stack size exceeded“
邹荣乐
|
JSON JavaScript 定位技术
Vue结合ECharts绘制省市地图：数据驱动区域颜色展示，支持省市下钻与经纬度打点功能
Vue结合ECharts绘制省市地图：数据驱动区域颜色展示，支持省市下钻与经纬度打点功能
邹荣乐
3310 1
java冯坚持
|
算法 Java Linux
java制作海报五：java 后端整合 echarts 画出 折线图，项目放在linux上，echarts图上不显示中文，显示方框口口口
这篇文章介绍了如何在Java后端整合ECharts库来绘制折线图，并讨论了在Linux环境下ECharts图表中文显示问题。
java冯坚持
599 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
1655 0
Duplicate keys detected: This may cause an update error.【Vue遍历渲染报错的解决】
邹荣乐
|
JavaScript
vue中使用echarts绘制双Y轴图表时，刻度没有对齐的两种解决方法
vue中使用echarts绘制双Y轴图表时，刻度没有对齐的两种解决方法
邹荣乐
4573 0
邹荣乐
|
JSON JavaScript 前端开发
vue中使用echarts实现省市地图绘制，根据数据在地图上显示柱状图信息，增加涟漪特效动画效果
vue中使用echarts实现省市地图绘制，根据数据在地图上显示柱状图信息，增加涟漪特效动画效果
邹荣乐
4960 0
热爱技术的小郑
|
JavaScript
echarts在Vue项目中的实际运用效果图
这篇文章展示了在Vue项目中使用ECharts图表库的步骤，包括安装ECharts、引入到Vue组件、创建图表实例以及通过watch监听数据变化来实现实时数据更新的方法。
热爱技术的小郑
253 0
echarts在Vue项目中的实际运用效果图
Yaiba123
|
JavaScript 数据可视化 搜索推荐
在Vue项目中使用Echarts图表库
这篇文章介绍了如何在Vue项目中集成ECharts图表库，并通过具体的代码示例展示了如何创建并配置一个饼图来展示数据。
Yaiba123
481 0
在Vue项目中使用Echarts图表库
邹荣乐
|
JavaScript
Vue启动时报错的解决方案，以及解决相同路径跳转报错的问题
Vue启动时报错的解决方案，以及解决相同路径跳转报错的问题
邹荣乐
1009 0

热门文章

最新文章

  • 1
    vue3父子组件相互调用方法详解
  • 2
    vuejs计算属性、Methods及Ｗatched属性
  • 3
    vue里样式不起作用的方法，可以通过deep穿透的方式
  • 4
    基于springboot+vue的大学生健康档案管理系统
  • 5
    超简单的vue2.0分页组件
  • 6
    【前端架构】Angular,React,Vue那个是2023的最佳选择?
  • 7
    【Vue3从零开始-实战】S8：使用axios模拟登录请求
  • 8
    Vue中可以使用watch属性监听select元素选项的变化吗？
  • 9
    vue element plus Form 表单
  • 10
    Vue+SpringBoot打造校园失物招领管理系统（附源码文档）
  • 1
    一文带你封装Vue3 Echarts
    1321
  • 2
    前端echarts加标记点及标记线和提示框
    2057
  • 3
    vue中使用echarts绘制双Y轴图表时，刻度没有对齐的两种解决方法
    4573
  • 4
    vue中使用echarts实现省市地图绘制，根据数据在地图上显示柱状图信息，增加涟漪特效动画效果
    4960
  • 5
    vue中使用echarts实现省市地图绘制，根据数据显示省市天气图标及温度信息
    1876
  • 6
    Vue结合ECharts绘制省市地图：数据驱动区域颜色展示，支持省市下钻与经纬度打点功能
    3310
  • 7
    Echarts中单独为每个legend图例设置样式-根据数据正负显示不同样式
    2507
  • 8
    微信小程序图表制作利器：ECharts组件的使用与技巧
    1755
  • 9
    vue-element-admin 综合开发五：引入 echarts，封装echarts 组件
    1752
  • 10
    echart:html中使用& echarts 的使用
    1337

    • 相关课程

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

    • 相关电子书

    更多
  • 基于VUE的单页面性能优化实践
  • Vue.js 在前端服务化上的探索与实践
  • Vue.js在前端服务化上的实践与探索
    • 下一篇
    淘宝天猫API接入说明（淘宝天猫商品详情+关键词搜索商品列表）商品详情数据，商品sku数据，商品优惠券数据