vue-router报错: uncaught error during route navigation

文章描述了在H5项目中遇到的问题,主要集中在Android设备上,表现为路由跳转不一致和数据传输时的数据丢失。错误信息涉及到Vue-router的异步组件加载失败和语法错误。作者尝试了更新路由版本和处理babel语法,但未解决问题。最终发现是使用了可选链操作符(?.)导致的,将?.替换为||解决了问题。文章强调了解决问题需要具体问题具体分析,可能的解决方案还包括升级Babel版本。
摘要由CSDN通过智能技术生成

bug场景:

H5项目中,浏览器流程走的通,ios流程走得通,安卓机有的可以有的不行


报错信息:

提示:这里描述项目中遇到的问题:

例如:数据传输过程中数据不时出现丢失的情况,偶尔会丢失一部分数据
APP 中接收数据代码:

"Uncaught SyntaxError: Unexpected token .\n/web/mgop/gov-open/zj/2002018756/reserved/static/js/712.a377c0b3.js:1:3093" "SyntaxError: Unexpected token ."

"[vue-router] Failed to resolve async component default: ChunkLoadError: Loading chunk src_views_clz_login_vue failed.\n(missing:

{message: "Loading chunk src_components_clz_Guaranteed_index_vue failed.\n(missing:

"[vue-router] uncaught error during route navigation:"

 "[vue-router] Failed to resolve async component default: ChunkLoadError: Loading chunk src_components_clz_Guaranteed_index_vue failed.\n(missing:

​​​​​​​


 

原因分析:

百度了一下说跟路由版本有关,升降路由版本;以及babel语法转换的问题

说下我调错的方式 :最初我以为是路由版本问题,换了路由跳转方式,也用了网上说的router.err方法,都没解决。有的路由可以跳转,有的路由跳转不了,我就一个vue一个vue的禁用找到了导致跳转不了的代码端块:

这样看来,在回头看报错信息,其实是有说明的  ==! 盲目的去百度  结果废了好多时间

解决方案:

res.data?.xxx ?? "xxx"   把 ??      换成||     就可以了 res.data?.xxx || "xxx"   

当然方法肯定不止这一种,还可以升级babel的版本。请大家具体情况具体分析

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值