uniapp 出现 Error in event handler for “service.requestComponentInfo“的原因及解决办法

已于 2024-01-25 18:50:43 修改
阅读量1.5k 收藏 10
点赞数 11
文章标签： uni-app 前端
于 2024-01-25 16:25:12 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43936442/article/details/135847487
版权
文章讲述了在开发uniapp页面时遇到的TypeError和关于`uni.createSelectorQuery()`的错误。问题源于在created生命周期中过早使用selectorQuery，正确应在mounted后执行，或者在onLoad中加延迟以确保元素渲染完成。官方文档提供了相关指导。
摘要由CSDN通过智能技术生成
bug描述

开发uniapp页面时出现bug

报错信息
解决过程

先是去查了 TypeError: Cannot read properties of undefined (reading 'matches') 的相关解决办法，提到的都是说router配置时大小写错误的问题，检查了下代码和我遇到的问题不一致。

重新查了下第一个报错 Error in event handler for "service.requestComponentInfo" ，发现是用到了uni.createSelectorQuery()，代码中将其放在了created中，放入onLoad后代码运行正常。

不应该放在created中

原因

使用 uni.createSelectorQuery() 需要在生命周期 mounted 后进行调用。

如果在onLoad或者其他小程序生命周期中调用最好加上一个延时器防止在元素未完全渲染时调用，获取信息不准确。

官方地址：uni.createSelectorQuery() | uni-app

暮海千钟.
关注
  • 11
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
正确解决Error in event handler for “click”:”xxx”异常的有效解决方法
wbajsjhhhhh的博客
05-03 3092
正确解决Error in event handler for “click”:”xxx”异常的有效解决方法
el-select报错：Error in event handler for "handleOptionClick": "TypeError: value.push is not a function
葫芦娃的博客
08-19 1万+
<el-select v-model="branchData" style="width:180px;" placeholder="请选择分公司" @change='selectChange' multiple collapse-tags> <el-option v-for="item in options" :label=...
Error in event handler for “service.requestComponentInfo“: “TypeError: Cannot read property ‘matches
2201_75783276的博客
03-26 4336
onLoad:页面加载，在onLoad中发送请求是比较合适的，即页面一加载就发送请求获取数据。把onload的内容放到onReady就可以解决。onReady:页面初次渲染完成。
GoEasy Websocket消息推送集成报错原因与解决方案
最新发布
GoEasy Websocket消息推送
06-28 1102
在集成GoEasy websocket消息推送的过程中常见的错误与解决方案。
uniapp报错Error in event handler for “service.requestComponentInfo“
qq_45834261的博客
02-10 2501
uniapp报错Error in event handler for "service.requestComponentInfo"
elementUI表单验证报错：Error in event handler for “el.form.blur“: “Error: Unknown rule type name“ found in
wys997的博客
09-09 8946
elementUI是一款非常好用的基于vue脚手架的后端框架，表单验证非常好用。但是，今天我爱模板网在使用它进行日期验证的时候出了问题，报Error in event handler for "el.form.change": "TypeError: value.getTime is not a function"的错误： 代码如下： js验证码的代码： 从上面的错误可以看出，应该是类型出错。可能是：elementUI自带的格式转换后会将绑定值转为字符串，而校验规则中的【type...
报错Error in event handler for “el.form.change“: “TypeError: dateObject.getTime is not a function“
weixin_45113337的博客
08-21 6829
Error in event handler for “el.form.change”: “TypeError: dateObject.getTime is not a function” 调试时报如下错误：Error in event handler for “el.form.change”: “TypeError: dateObject.getTime is not a function” vue文件中代码如下验证rules为 解决办法，将上面验证规则type:date改为type：string，解决
Android Handler leak分析及解决办法详解
08-31
Android Handler泄漏分析及解决办法详解 Handler泄漏是Android开发中常见的问题之一，它会导致应用程序的性能下降、内存泄漏和Crash等问题。本文将对Handler泄漏进行详细的分析，并提供相应的解决方案。 Handler...
netty-handler-4.1.73.Final-API文档-中文版.zip
05-07
赠送jar包：netty-handler-4.1.73.Final.jar； 赠送原API文档：netty-handler-4.1.73.Final-javadoc.jar； 赠送源代码：netty-handler-4.1.73.Final-sources.jar； 赠送Maven依赖信息文件：netty-handler-4.1.73....
netty-handler-4.1.68.Final-API文档-中英对照版.zip
05-10
赠送jar包：netty-handler-4.1.68.Final.jar； 赠送原API文档：netty-handler-4.1.68.Final-javadoc.jar； 赠送源代码：netty-handler-4.1.68.Final-sources.jar； 赠送Maven依赖信息文件：netty-handler-4.1.68....
php.ini save_handler 修改不生效的解决办法
10-25
为了解决save_handler配置不生效的问题，应该按照以下步骤进行检查和调整： 1. 检查是否有php-fpm.conf文件存在，通常位于/etc/、/etc/php-fpm.d/目录或者/usr/local/php/etc/目录下。如果存在，则需确认其中是否...
hive-hbase-handler-1.2.1.jar
09-04
被编译的hive-hbase-handler-1.2.1.jar，用于在Hive中创建关联HBase表的jar，解决创建Hive关联HBase时报FAILED: Execution Error, return code 1 from org.apache.hadoop.hive.ql.exec.DDLTask. org.apache.hadoop....
Error in event handler for “el.form.blur“: “RangeError: Maximum call stack size exceeded“
weixin_68729379的博客
09-02 2864
elementui验证时爆栈问题
Error in event handler for “click”:”xxx”异常的解决方案
2301_79779756的博客
05-09 439
在Web开发中，当用户在界面上触发某个事件（如点击事件）时，通常会执行与该事件相关联的事件处理函数。然而，有时在事件处理函数执行过程中可能会出现错误，这些错误通常会在浏览器的开发者控制台中以“Error in event handler for ‘click’: ‘xxx’”的形式显示，其中“xxx”是具体的错误信息或异常描述。
vue报错：Error in event handler for click ，TypeError: Cannot read property ，resetFields， of undefine
热门推荐
醉梦洛的博客
05-23 2万+
1.报错截图 2.报错出现的场景 将新增和更新放在一个页面操作的时候就会出现这个问题 3解决办法：
chunk-vendors.js:2462 [Vue warn]: Error in event handler for “service.requestComponentInfo“:
FUFCY的博客
03-10 775
chunk-vendors.js:2462 [Vue warn]: Error in event handler for "service.requestComponentInfo": "TypeError: Cannot read properties of undefined (reading 'matches')"
uniapp.request请求封装
weixin_44273026的博客
12-10 627
uniapp.request请求封装 //http.js const config = require('../config.js') const message = require('./message.js') var http = { post(path, params, contentType = 'form', otherUrl, ) { return new Promise((resolve, reject) => { var url = (otherUrl || config
event handler for “service.requestComponentInfo“: “TypeError: Cannot read properties of undefined (r
weixin_51772991的博客
04-19 502
在 onLoad 里面用了 uni.createSelectorQuery() 查找要元素，导致找不到 handCenter 节点，因为元素还没有渲染出来，就开始查找元素，肯定会报错的。解决方案：在外面套一层 this.$nextTick()，或者放在 onReady 里面就好了。
跨平台应用开发进阶(十八) ：全局异常日志处理方案探究_uniapp 获取后台抛出的异常(1)
2401_84433570的博客
05-10 461
一次完整的面试流程就是这样啦，小编综合了腾讯的面试题做了一份前端面试题PDF文档，里面有面试题的详细解析，分享给小伙伴们，有没有需要的小伙伴们都去领取！然后，准备一个状态管理相关文件，用于记录日志。然后写一个插件，将全局异常处理函数挂载在。
Error in event handler for "service.requestComponentInfo": "TypeError: Cannot read properties of undefined
09-28
根据提供的引用内容，TypeError: Cannot read properties of undefined 是一个错误信息，提示无法读取未定义的属性。这个错误可能发生在代码中的某个事件处理程序中，具体原因可能是在事件处理程序中访问了一个未定义的对象或属性。 在代码中出现的<!DOCTYPE html>和<html lang="en">等标签表明这是一个HTML页面的代码。但是，根据提供的代码片段，很难确定错误的具体原因。可能需要检查代码中的语法错误、变量的定义和使用，以及事件处理程序的正确性。 关于提供的代码中的方法一和方法二，它们是两种可能的解决方案，通过添加<div></div>或使用谷歌浏览器打开来修复了代码的问题。这些解决方案是根据代码片段中的信息提供的，但不能确定它们是否适用于实际情况。 综上所述，针对 Error in event handler for "service.requestComponentInfo": "TypeError: Cannot read properties of undefined 的错误信息，需要进一步检查代码中的错误，并确保正确定义和使用变量和对象。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值