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

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

2023-02-10 2364
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 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
陶然同学
目录
相关文章
六卿
|
JavaScript
Vue+element_Table树形数据与懒加载报错Error in render: “RangeError: Maximum call stack size exceeded“
本文讨论了在使用Vue和Element UI实现树形数据和懒加载时遇到的“Maximum call stack size exceeded”错误，指出问题的原因通常是因为数据中的唯一标识符`id`不唯一，导致递归渲染造成调用栈溢出。
六卿
826 1
Vue+element_Table树形数据与懒加载报错Error in render: “RangeError: Maximum call stack size exceeded“
热爱技术的小郑
|
存储 JavaScript 前端开发
成功解决：Cannot read properties of undefined (reading ‘commit‘)
这篇文章提供了解决Vuex中"Cannot read properties of undefined (reading 'commit')"错误的两种方法：检查模板中的数据属性是否存在，以及确保在Vue实例中正确挂载了store对象。
热爱技术的小郑
1066 2
成功解决：Cannot read properties of undefined (reading ‘commit‘)
杀死一只知更鸟debug
|
人工智能 JavaScript 索引
Duplicate keys detected: This may cause an update error.【Vue遍历渲染报错的解决】
这篇文章讨论了在Vue中进行列表渲染时遇到的“Duplicate keys detected”错误。这个错误通常发生在使用 `v-for` 指令渲染列表时，如果没有为每个循环项指定一个唯一的 `key` 属性，或者指定的 `key` 属性值重复了。文章提供了导致错误的原始代码示例，并给出了修正后的代码，通过在 `key` 绑定中加入索引确保 `key` 的唯一性。此外，文章还解释了为什么需要唯一 `key` 以及如何解决这个问题。
杀死一只知更鸟debug
1161 0
Duplicate keys detected: This may cause an update error.【Vue遍历渲染报错的解决】
邹荣乐
|
12月前
|
JavaScript
Vue启动时报错的解决方案，以及解决相同路径跳转报错的问题
Vue启动时报错的解决方案，以及解决相同路径跳转报错的问题
邹荣乐
838 0
。思索
|
定位技术 Apache
Echarts——Invalid geoJson format Cannot read property 'length' of undefined
Echarts——Invalid geoJson format Cannot read property 'length' of undefined
。思索
215 0
。思索
|
JavaScript
VUE——uuid引入报错
VUE——uuid引入报错
。思索
283 0
。思索
|
JavaScript
Vue——报错总结
Vue——报错总结
。思索
109 0
爱你三千遍斯塔克
TypeError: Cannot set properties of undefined (setting ‘resdata‘)，res定义数据出现的问题,定义的方法用this换成that
TypeError: Cannot set properties of undefined (setting ‘resdata‘)，res定义数据出现的问题,定义的方法用this换成that
爱你三千遍斯塔克
325 0
爱你三千遍斯塔克
Cannot read properties of undefined (reading ‘row‘)
Cannot read properties of undefined (reading ‘row‘)
爱你三千遍斯塔克
404 0
邹荣乐
|
12月前
|
小程序 前端开发 JavaScript
微信小程序图表制作利器：ECharts组件的使用与技巧
微信小程序图表制作利器：ECharts组件的使用与技巧
邹荣乐
1010 1

热门文章

最新文章

  • 1
    Vue中如何实现兄弟组件之间的通信
  • 2
    基于Vite7.1+Vue3+Pinia3+ArcoDesign网页版webos后台模板
  • 3
    Mac下Clion编译错误：Undefined symbols for architecture x86_64
  • 4
    JavaScript typeof, null, 和 undefined
  • 5
    不支持图形化界面的Linux系统如何显示图像化界面？飞腾服务器显示图像化界面方法，DISPLAY environment variable is undefined问题解决方法
  • 6
    “undefined JNI_GetCreatedJavaVM”和“File format not recognized”错误原因分析
  • 7
    jquery-1.10.2 获取checkbox的checked属性总是undefined
  • 8
    PHP Notice: Undefined index: ... 问题的解决方案
  • 9
    Typescript any、unknown、 void、undefined 和 never 类型
  • 10
    【转发】JS中如何判断null/ undefined/IsNull
  • 1
    Vue项目中安装并使用Echarts
    202
  • 2
    微信小程序更新操作失效解决和微信小程序引入echarts
    377
  • 3
    echarts 基础入门（下）
    276
  • 4
    echarts 基础入门（上）
    348
  • 5
    Echarts+vue+java+mysql实现数据可视化
    423
  • 6
    echarts 地图点位
    142
  • 7
    Echarts是一个开源的JavaScript可视化库，用于创建各种类型的图表
    315
  • 8
    数据分享|基于Python、Hadoop零售交易数据的Spark数据处理与Echarts可视化分析
    1049
  • 9
    Docusaurus框架——react+antd+echarts自定义mdx生成图表代码解释文档
    879
  • 10
    vue3+echarts应用——深度遍历html的dom结构并用树图进行可视化
    322

    • 相关课程

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

    • 相关电子书

    更多
  • Vue.js 在前端服务化上的探索与实践
  • 利用编译将 Vue 组件转成 React 组件
  • Vue.js在前端服务化上的实践与探索
    • 下一篇
    阿里云免费云服务器:个人用户每月750小时免费