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

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

2023-02-10 2667
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 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 cannot undefined
陶然同学
目录
相关文章
。思索
|
定位技术 Apache
Echarts——Invalid geoJson format Cannot read property 'length' of undefined
Echarts——Invalid geoJson format Cannot read property 'length' of undefined
。思索
378 0
。思索
|
JavaScript
VUE——filemanager-webpack-plugin报错TypeError: Cannot read property 'isFile' of undefined
VUE——filemanager-webpack-plugin报错TypeError: Cannot read property 'isFile' of undefined
。思索
526 0
。思索
|
前端开发 JavaScript
VUE——Uncaught (in promise) TypeError: Cannot read property '__esModule' of undefined
VUE——Uncaught (in promise) TypeError: Cannot read property '__esModule' of undefined
。思索
554 0
爱你三千遍斯塔克
TypeError: Cannot set properties of undefined (setting ‘resdata‘)，res定义数据出现的问题,定义的方法用this换成that
TypeError: Cannot set properties of undefined (setting ‘resdata‘)，res定义数据出现的问题,定义的方法用this换成that
爱你三千遍斯塔克
509 0
蓝易云
|
JavaScript 前端开发
报错：Cannot read properties of undefined (reading ‘$message‘)解决方法
以上就是解决"Cannot read properties of undefined (reading ‘$message‘)"错误的几种方法，希望对你有所帮助。
蓝易云
7639 0
theMuseCatcher
|
小程序 JavaScript
微信小程序使用echarts图表（ec-canvas）
这篇文章介绍了在微信小程序中使用`ec-canvas`集成echarts图表的方法，包括解决加载时报错的问题、配置图表组件、以及在小程序页面中引入和使用这些图表组件的步骤。
theMuseCatcher
2763 1
微信小程序使用echarts图表（ec-canvas）
Echarts技术专家
|
前端开发 数据可视化 JavaScript
Echarts如何实现多图表缩放和自适应?附源码
Echarts如何实现多图表缩放和自适应?附源码
Echarts技术专家
496 1
Echarts如何实现多图表缩放和自适应?附源码
邹荣乐
|
小程序 前端开发 JavaScript
微信小程序图表制作利器：ECharts组件的使用与技巧
微信小程序图表制作利器：ECharts组件的使用与技巧
邹荣乐
1894 1
杀死一只知更鸟debug
|
Web App开发 数据可视化 前端开发
Echart的使用初体验，Echarts的基本使用及语法格式，简单图表绘制和使用及图例添加【学习笔记】
本文介绍了ECharts的基本使用和语法格式，包括如何引入ECharts、创建容器、初始化echarts实例对象、配置option参数和一些基础图表的绘制方法。文章还提供了简单图表绘制和使用图例添加的示例代码，以及对ECharts特性和优势的概述。
杀死一只知更鸟debug
2137 0
Echart的使用初体验，Echarts的基本使用及语法格式，简单图表绘制和使用及图例添加【学习笔记】
。思索
Echarts——如何默认选中图表并显示tooltip
Echarts——如何默认选中图表并显示tooltip
。思索
944 1

热门文章

最新文章

  • 1
    VUE之vxe-table高级表格（表格内增删改、导入、导出、自定义打印、列设置隐藏显示等）用法
  • 2
    Vue和React对比学习之路由(Vue-Router、React-Router)
  • 3
    12、vue项目部署到服务器
  • 4
    React、Vue项目build打包编译后如何再修改后台请求地址
  • 5
    vue路由传参
  • 6
    Vue——10 - webpack打包保姆级教程01
  • 7
    vue+webpack实现vue打包后生成配置文件用以外部修改公共路径
  • 8
    Vue 路由的hash模式和history模式有什么区别？
  • 9
    在线租房|基于Springboot+Vue实现前后端分离的租房系统
  • 10
    Vue 使用vue完成登录+注册前后端交互的实现
  • 1
    一文带你封装Vue3 Echarts
    1405
  • 2
    前端echarts加标记点及标记线和提示框
    2228
  • 3
    vue中使用echarts绘制双Y轴图表时，刻度没有对齐的两种解决方法
    4764
  • 4
    vue中使用echarts实现省市地图绘制，根据数据在地图上显示柱状图信息，增加涟漪特效动画效果
    5118
  • 5
    vue中使用echarts实现省市地图绘制，根据数据显示省市天气图标及温度信息
    1943
  • 6
    Vue结合ECharts绘制省市地图：数据驱动区域颜色展示，支持省市下钻与经纬度打点功能
    3456
  • 7
    Echarts中单独为每个legend图例设置样式-根据数据正负显示不同样式
    2617
  • 8
    微信小程序图表制作利器：ECharts组件的使用与技巧
    1894
  • 9
    vue-element-admin 综合开发五：引入 echarts，封装echarts 组件
    1806
  • 10
    echart:html中使用& echarts 的使用
    1409

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    一条命令迁移，帮你实现 OpenClaw 与 Hermes Agent 记忆互通！