#Bug# [Vue warn]: Error in onLoad hook (Promise/async): “[object Object]“报错

最新推荐文章于 2024-09-08 21:06:37 发布
最新推荐文章于 2024-09-08 21:06:37 发布
阅读量5.4k 收藏 1
点赞数
文章标签： vue.js 前端 web web app Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/abner_/article/details/128639581
版权
当遇到Vue的onLoad生命周期钩子中出现'[object Object]'错误时，通常是由于接口调用问题导致。解决方法包括检查接口是否已导入，接口名大小写是否正确，以及API文件中请求方法是否有额外空格。博主通过排查发现一个额外的空格是错误的根源，提醒开发者注意代码规范以避免类似错误。
摘要由CSDN通过智能技术生成

遇到这种情况不要慌，小场面。

从报错提示里可以看到是生命周期内的钩子函数出现了问题，解决思路：

  1. 查看调用的接口方法是否import进入了本地页面；

  1. 查看调用接口名大小写是否写错；

  1. 最后就是去查看api文件内，你请求的request的接口方法('接口名','GET或者POST',{})中，是否多了空格；

博主这里不知道什么时候多敲了一个空格，所以才导致了出现这个错误，所以平时写代码的时候一定要规范化格式，不要自己天马行空，到后面调试的时候出现的错误哭笑不得。

调试bug的页面：

以下是问题页面的代码，我们首先看hpvPack（）自己定义的调用方法

最低0.47元/天 解锁文章
房东的_猪
关注
[Vue warn]: Error in mounted hook: “TypeError: Cannot read property ‘getAttribute‘ of null“
郭宝的博客
06-24 11万+
错误场景一： 错误提示： 在运行Vue项目时出现了上述错误，出现该错误的原因是Echarts的图形容器还未生成就对其进行了初始化所造成的，代码如下： // 基于准备好的dom，初始化echarts实例 var bar_dv = document.getElementById('bar_dv'); let myChart = this.$echarts.init(bar_dv) 解...
修复浏览器报错 [Vue warn]: Error in mounted hook (Promise/async): “[object Object]“
feixiang4的博客
06-29 1324
在生命周期钩子函数错误、可能在生命周期之前调用了未定义的函数、方法、对象、对象属性等。记录bug，以便后续遇到同样问题。
[Vue warn]: Error in onLoad hook (Promise/async): “ReferenceError: hpvPack is not defined“
互关互粉，相互学习。
01-11 2062
#Error in onLoad hook (Promise/async): "ReferenceError: hpvPack is not defined"#vue#uniapp框架开发#
新人求助！！！
最新发布
hhj007828的博客
09-08 102
兄弟们 有没有2024webstrom的激活码 感谢
VM9:1 [Vue warn]: Error in onLoad hook (Promise/async): “TypeError: Cannot read property ‘openid‘ of
热门推荐
Runpire的博客
08-24 1万+
VM9:1[Vuewarn]:ErrorinonLoadhook(Promise/async):"TypeError:Cannotreadproperty'openid'ofundefined" 这是 appid错误 因为小程序还在测试未完成未上线阶段，有限制那些账号可以先做测试微信账号，需要去更改manifest.json文件里面的appID 微信小程序APP ID 要搞成后端项目大boss的id ...
修复浏览器报错 Error in mounted hook (Promise/async): “[object Object]“
zwt1995的博客
04-26 9850
记录bug，以便后续遇到同样问题。 错误提示是： 产生原因： 是在生命周期钩子函数错误、可能在生命周期之前调用了为定义的函数、方法、对象、对象属性等 async mounted() { document.documentElement.scrollTop = 0; let data = (await request().data; if (data) { this.success = true }
Error in created hook (Promise/async): “[object Object]“
A535366的博客
03-27 1180
解决：使用try catch的方式捕获异常。原因：直接把错误对象返回。
Error in v-on handler (Promise/async): “[object Object]“
qq_36437172的博客
09-09 8337
虽然不影响代码的执行，但是看的控制台报错，还是想看看问题产生的原因。使用 async 和 await 异步请求接口数据，代码如下： 我们需要进行错误捕获，即 catch 捕获后，问题就解决了，代码如下： ...
发送网络请求出错vue.runtime.esm.js?6e6d:619 [Vue warn]: Error in v-on handler (Promise/async)
zhouyuzhu666的博客
10-24 7629
错误代码如下 async categoryDelete(id){ const res = await get('/productCategory/deleteById',id) console.log(res); } 正确代码如下 async categoryDelete(id){ let data = { id:id } const res = await get('/productCategory/d.
vue table 校验报错：Error in mounted hook: “Error: please transfer a valid prop path to form ite
qq_33911541的博客
05-11 2062
vue table 校验报错：Error in mounted hook: "Error: please transfer a valid prop path to form ite
vue2/3 - 打包出现报错：ERROR in static/js/xxx.js from UglifyJs Unexpected token: name(toSJISFunction)完美解决!
高级前端工程师
03-01 2955
vue，vue2打包报错，vue3打包时报错，npm run build，无法打包怎么办，打包时出现报错ERROR in static/js/xxx.js from UglifyJs Unexpected token: name(toSJISFunction)如何解决，如何解决build打包时出现报错，vue报错，解决报错，终端提示错误，浏览器报错，vue如何解决项目最终打包时出现报错，vue3 build打包报错，vue2执行biuld打包命令时报错，build打包命令，vue2/3 - 打包出现报错：E
#Bug# Error in onLoad hook (Promise/async): “TypeError: (0 , _api.xxxx) is not a function“
互关互粉，相互学习。
01-11 1488
Error in onLoad hook (Promise/async): "TypeError: (0 , _api.xxxx) is not a function"#uniapp框架#vue2#
Error in onLoad hook: “SyntaxError: Unexpected token u in JSON at position 0“
qq_39695210的博客
07-04 467
Error in onLoad hook: "SyntaxError: Unexpected token u in JSON at position 0" Unexpected token u in JSON at position 0 at JSON.parse ()
uniapp 开发出现这个 Error in onLoad hook: “SyntaxError: Unexpected end of JSON input“
古猿写代码
03-15 1207
uniapp 开发出现这个 Error in onLoad hook: “SyntaxError: Unexpected end of JSON input“,这个问题如何解决。
JS错误 Error in onLoad hook: Unexpected token u in JSON at position 0
qq_42556623的博客
05-03 4379
在跳转页面传递参数到目标页面时出现这个错误： 解决办法：需要在unLoad里判断options.item是否为空 不然会因为json.parse解析undefined报错 onLoad(options) { //判断options.item是否为空 不然会因为json.parse解析undefined报错 if (options.item) { const editItem = JSON.parse(decodeURIComponent(options.item));
微信小程序报错 Error in onLoad hook: “TypeError: _regenerator.default.mark is not a function“
小哈力----一个小前端工程师
10-23 1407
这样 async 与 await 配合不行，需要直接使用then写法。
Error in onLoad hook: “URIError: URI malformed“ found in…报错处理以及完善uniapp针对对象传参
桃桃雾的博客
12-29 1010
最终实现在uni-app中跳转页面并传递对象参数的需求 解决这个问题的关键就是需要手动转换为“%25”bug原因是，如果编码的对象中的参数有“%”,那么就会对编码跟解码造成问题，从而报错。
vue报错：[Vue warn]: Error in created hook (Promise/async):“...
qq_30193097的博客
06-08 4900
vue报错
[Vue warn]: Error in created hook (Promise/async)
05-21
这个错误通常表示在Vue组件的created生命周期函数中使用了异步操作（比如Promise或async/await），但是没有正确处理其结果或者捕获错误。 解决这个问题的方法有几种： 1. 将异步操作移到mounted生命周期函数中。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值