vue2/3 - echarts报错TypeError: Cannot read properties of undefined (reading ‘queryComponents‘)详细解决方案！

已于 2025-01-15 16:53:38 修改
阅读量2.6k 收藏 3
点赞数 6
CC 4.0 BY-SA版权
分类专栏： 前端常见问题解决 前端组件与功能(开箱即用) Vue组件与功能(工作经验) 文章标签： echarts vue.js nuxt.js Echarts图表使用报错解决 queryComponents vue echarts报错 用setOptions还报错
于 2024-07-11 10:20:10 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50545213/article/details/140330197

报错截图

在vue2、vue3项目开发中，使用Echarts图表插件报错：Cannot read properties of undefined (reading ‘queryComponents‘)，无法读取未定义的属性（读取“queryComponents”），vue+echarts出现报错解决，使用各种图表的时候某些操作或渲染时出现的报错，很多文章说使用setOptions但还是不行，很奇怪的错误难排查。

其他教程都无法解决，在本文你只要报类似的错误就可以100%完美解决。

在这里插入图片描述

解决教程

你需要

了解本专栏 订阅专栏 解锁全文
TypeError: Cannot read properties of undefined (reading ‘queryComponents‘)
2401_89806660的博客
07-04 115
在vue项目开发中，使用Echarts报错：Cannot read properties of undefined (reading ‘queryComponents‘)，无法读取未定义的属性（读取“queryComponents”）
出现 TypeError: Cannot read properties of undefined (reading ‘then‘) 解决方法
码农研究僧的博客
03-05 4882
出现 TypeError: Cannot read properties of undefined (reading 'then') 解决方法
解决pnpm中的 Pinia 版本冲突：Cannot read properties of undefined (reading ‘_s‘)
最新发布
qq_31619295的博客
09-19 462
用pinia2.0.36版本为例，因为pinia 2.0.36中依赖了vue和typescript和@vue/composition-api，其中typescript和composition-api是可选的。Vite 在解析 import ‘pinia’ 时，永远使用第一次遇到的副本，从而保证全局符号唯一。盘点组件库 web-sdk 的 peerDependencies，在应用侧对齐版本。无需改动任何 package.json，最快落地。，即使主版本号相同，也会被判定为。工程中，应用本身依赖。
Vue中使用echarts，并解决“TypeError: Cannot read property ‘init‘ of undefined“报错
FpwgTcl的博客
09-14 624
请确保按照步骤正确安装和引入echarts库，并在初始化echarts实例时传入正确的DOM元素。如果您在使用echarts时遇到了报错"TypeError: Cannot read property ‘init’ of undefined"，这通常是由于echarts库未正确引入或者引入方式不正确导致的。检查依赖版本：确保您的Vue项目依赖的echarts版本与您安装的echarts库版本一致。语句中的echarts路径是否正确。安装完成后，在需要使用echarts的Vue组件中引入echarts库。
解决echarts中TypeError: Cannot read properties of undefined (reading ‘queryComponents‘)问题
qq_50913806的博客
01-10 1万+
echarts解决 TypeError: Cannot read properties of undefined (reading 'queryComponents') 问题，并实现关系图和饼图的组合图。
TypeError: Cannot read properties of undefined (reading ‘components‘)
phhz的博客
10-21 1万+
页面直接出不来，但是项目成功编译 是页面用到了混入xxMixin.js，我忘记复制到新项目了 但是不给我报错缺少xxMixin.js，只报错如题，坑
深入理解并解决Uncaught TypeError: Cannot read properties of undefined技术文章
理论都是虚的，代码才是王道。
11-10 11万+
Uncaught TypeError: Cannot read properties of undefined 是一个 JavaScript 运行时错误，它表示你试图访问一个未定义（undefined）对象的属性。这通常是因为你尝试访问一个不存在的变量或者对象的属性。在访问对象的属性之前，你应该先检查该对象是否已经定义。你可以使用typeof操作符来检查一个变量是否已定义。// 访问 myVariable 的属性。
TypeError: Cannot read properties of undefined (reading query )
02-24
### JavaScript 中 `TypeError: Cannot read properties of undefined (reading 'query')` 错误解析 当遇到此类错误时，通常意味着尝试访问的对象在其生命周期内的某个时刻被设置为了 `undefined` 或者从未正确定义...
index.vue:10 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'username')
05-04
嗯，用户现在遇到了两个Vue.js中使用Pinia时的错误：一个是'getActivePinia() was called but there was no active Pinia'，另一个是'Cannot read properties of undefined (reading 'username')'。我需要综合之前的...
vue3中使用a-select下拉选择器组件出现TypeError: Cannot read properties of undefined (reading '__asyncLoader')
05-20
3. 如果你使用的是 Vue 3，确保你已经在组件选项中正确地定义了 `__asyncLoader` 属性。例如： ``` export default { components: { ASelect, }, data() { return { selectedOption: null, options: [], ...
Error in render: TypeError: Cannot read properties of undefined (reading‘‘)
qq_45796592的博客
04-18 8408
Error in render: TypeError: Cannot read properties of undefined (reading' ')报错解决
TypeError:Cannot read properties of undefined (reading‘...‘)
qq_57057576的博客
08-13 10万+
若a为undefined，则会报错，若，a为空，则，a.name为undefined。原因可能是，挂载时，有dom节点，但是数据还未返回。例： a.name a的name属性。不能够读取undefined的属性。
Node express 连接 MySQL报错：TypeError: Cannot read properties of undefined (reading ‘query‘) 解决方案
Ninja_Kiro的博客
07-23 3829
Node express 连接 MySQL报错：TypeError: Cannot read properties of undefined (reading ‘query‘) 解决方案
解决echart中：Cannot read property ‘queryComponents‘ of undefined
叫我泪下的博客
02-23 1951
在使用案例的echart的日历图表的时候，遇到了： Uncaught TypeError: Cannot read property ‘queryComponents’ of undefined 思考了很久，还百度了，结果还是不好使，最后终于被我在一个问答了找到了答案。 刚开始我是这样写的 这样写其实没问题，但是有时候就是会出现加载顺序的问题，所以要在这个方法执行前就setOption一次，这个问题就解决了。 最后出来效果是这样的： 下面贴出我的源码： $(document).ready(funct
前端解决 “TypeError: Cannot read properties of undefined (reading ‘xxx‘)的多种情况
热门推荐
sunwenpinglike的博客
03-21 42万+
例如：TypeError: Cannot read properties of undefined (reading '$el') at eval。
引入echarts时报错 “TypeError: Cannot read properties of undefined (reading ‘init‘)“的解决方案
weixin_41549971的博客
01-03 2117
引入echarts时报错 “TypeError: Cannot read properties of undefined (reading ‘init‘)“的解决方案
Vue报错：Cannot read properties of undefined (reading ‘echarts‘)
SunPeng的博客
07-11 6616
Vue报错：Cannot read properties of undefined (reading ‘echarts‘)，引入中国地图china.js
浏览器报错:Uncaught TypeError: Cannot read properties of undefined (reading ‘prototype‘)
一只猫
01-29 4737
背景：使用vue2框架与ElementUI组件编写项目。问题原因： 引入vue的代码段顺序不当导致的。解决方法：导入时将ElementUI放在前面。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

蓝猫叫十一

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值