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

Vue整合Echarts报错：“TypeError: Cannot read properties of undefined (reading ‘init‘)“

2023-02-10 2143
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： Vue整合Echarts报错：“TypeError: Cannot read properties of undefined (reading ‘init‘)“

 Vue整合完Echart使用的时候报错："TypeError: Cannot read properties of undefined (reading 'init')" 大概意思是无法读取未定义的属性(init)


64c9dd5a23b34b7894ec7c7e7352eecf.png

  在网上引用echarts的写法是在main.js 引入这两行

1. // 引入echarts
2. import echarts from 'echarts'
3. Vue.prototype.$echarts = echarts


278253a05a68470db9467814c0b7bd4d.png


这是错误的写法 正确的是 

1. import * as echarts from 'echarts'
2. Vue.prototype.$echarts = echarts


b3547306a8b2451793ab5f00c6afa8b6.png

b7e744015bd342a5be2d6ceece0fa409.png


文章标签：
JavaScript
关键词：
cannot undefined reading
ECharts vue
ECharts报错
ECharts cannot
ECharts undefined
陶然同学
目录
相关文章
邹荣乐
|
4月前
|
JSON JavaScript 定位技术
vue中使用echarts实现省市地图绘制，根据数据显示省市天气图标及温度信息
vue中使用echarts实现省市地图绘制，根据数据显示省市天气图标及温度信息
邹荣乐
493 1
邹荣乐
|
4月前
|
JavaScript
vue中使用echarts绘制双Y轴图表时，刻度没有对齐的两种解决方法
vue中使用echarts绘制双Y轴图表时，刻度没有对齐的两种解决方法
邹荣乐
864 0
邹荣乐
|
4月前
|
JSON JavaScript 前端开发
vue中使用echarts实现省市地图绘制，根据数据在地图上显示柱状图信息，增加涟漪特效动画效果
vue中使用echarts实现省市地图绘制，根据数据在地图上显示柱状图信息，增加涟漪特效动画效果
邹荣乐
1051 0
邹荣乐
|
4月前
|
JSON JavaScript 定位技术
Vue结合ECharts绘制省市地图：数据驱动区域颜色展示，支持省市下钻与经纬度打点功能
Vue结合ECharts绘制省市地图：数据驱动区域颜色展示，支持省市下钻与经纬度打点功能
邹荣乐
338 0
热爱技术的小郑
|
6月前
|
存储 JavaScript 前端开发
成功解决：Cannot read properties of undefined (reading ‘commit‘)
这篇文章提供了解决Vuex中"Cannot read properties of undefined (reading 'commit')"错误的两种方法：检查模板中的数据属性是否存在，以及确保在Vue实例中正确挂载了store对象。
热爱技术的小郑
517 2
成功解决：Cannot read properties of undefined (reading ‘commit‘)
热爱技术的小郑
|
6月前
|
JavaScript
echarts在Vue项目中的实际运用效果图
这篇文章展示了在Vue项目中使用ECharts图表库的步骤，包括安装ECharts、引入到Vue组件、创建图表实例以及通过watch监听数据变化来实现实时数据更新的方法。
热爱技术的小郑
37 0
echarts在Vue项目中的实际运用效果图
Yaiba123
|
6月前
|
JavaScript 数据可视化 搜索推荐
在Vue项目中使用Echarts图表库
这篇文章介绍了如何在Vue项目中集成ECharts图表库，并通过具体的代码示例展示了如何创建并配置一个饼图来展示数据。
Yaiba123
83 0
在Vue项目中使用Echarts图表库
热爱技术的小郑
|
6月前
|
XML SQL JavaScript
在vue页面引入echarts,图表的数据来自数据库 springboot+mybatis+vue+elementui+echarts实现图表的制作
这篇文章介绍了如何在Vue页面中结合SpringBoot、MyBatis、ElementUI和ECharts，实现从数据库获取数据并展示为图表的过程，包括前端和后端的代码实现以及遇到的问题和解决方法。
热爱技术的小郑
211 0
在vue页面引入echarts,图表的数据来自数据库 springboot+mybatis+vue+elementui+echarts实现图表的制作
。思索
|
6月前
|
JavaScript
Echarts——VUE中如何给echarts绑定click事件
Echarts——VUE中如何给echarts绑定click事件
。思索
355 1
。思索
|
6月前
|
JavaScript
Echarts——VUE中非根节点时不显示图表也无报错
Echarts——VUE中非根节点时不显示图表也无报错
。思索
50 1

热门文章

最新文章

  • 1
    创建vue3项目步骤以及安装第三方插件步骤【保姆级教程】
  • 2
    Vue 组件化开发：构建高质量应用的核心
  • 3
    ry-vue-flowable-xg：震撼来袭！这款基于 Vue 和 Flowable 的企业级工程项目管理项目，你绝不能错过
  • 4
    【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
  • 5
    iframe嵌入页面实现免登录思路（以vue为例）
  • 6
    Vue.js应用结合Redis数据库：实践与优化
  • 7
    【01】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-需求改为思维导图-设计数据库-确定基础架构和设计-优雅草卓伊凡商业项目实战
  • 8
    【03】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架搭建-服务端-后台管理-整体搭建-优雅草卓伊凡商业项目实战
  • 9
    【04】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架二次开发准备工作-以及建立初步后端目录菜单列-优雅草卓伊凡商业项目实战
  • 10
    Vue Router 核心原理
  • 1
    Vue : v-if, v-show
    43
  • 2
    Vue : 监视属性
    49
  • 3
    Vue: 事件修饰符, 键盘事件, 鼠标事件,计算属性
    85
  • 4
    一文彻底学会vue的组件通信
    52
  • 5
    一文彻底学会Vue路由
    69
  • 6
    Vue3 基础语法
    89
  • 7
    Vue技术文章
    41
  • 8
    【热门话题】Vue.js：现代前端开发的轻量级框架之旅
    146
  • 9
    基于SprinBoot+vue的租房管理系统2
    72
  • 10
    5个值得推荐的Vue后台管理框架
    308

    • 相关电子书

    更多
  • 利用编译将 Vue 组件转成 React 组件
  • 基于VUE的单页面性能优化实践
  • Custom applicationgs
    • 下一篇
    PAI Model Gallery 支持云上一键部署 DeepSeek-V3、DeepSeek-R1 系列模型