vue-router报错:uncaught error during route navigati问题及解决

 更新时间:2023年06月29日 09:00:25   作者:Mr.李先森  
这篇文章主要介绍了vue-router报错:uncaught error during route navigati问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

bug场景

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

报错信息

提示

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

例如

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

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的版本。请大家具体情况具体分析

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Vue+Flask实现图片传输功能

    Vue+Flask实现图片传输功能

    这篇文章主要为大家详细介绍了Vue+Flask实现图片传输功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • Vue中created和mounted使用场景分析

    Vue中created和mounted使用场景分析

    vue.js中created方法是一个生命周期钩子函数,一般可以在created函数中调用ajax获取页面初始化所需的数据,这篇文章主要介绍了Vue中created和mounted使用场景分析,需要的朋友可以参考下
    2023-05-05
  • Vue cli 引入第三方JS和CSS的常用方法分享

    Vue cli 引入第三方JS和CSS的常用方法分享

    下面小编就为大家分享一篇Vue cli 引入第三方JS和CSS的常用方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-01-01
  • 微信内置开发 iOS修改键盘换行为搜索的解决方案

    微信内置开发 iOS修改键盘换行为搜索的解决方案

    今天小编就为大家分享一篇微信内置开发 iOS修改键盘换行为搜索的解决方案,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-11-11
  • vue 项目build错误异常的解决方法

    vue 项目build错误异常的解决方法

    这篇文章主要介绍了vue build错误异常的解决方法 ,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-04-04
  • Vue顶部tags浏览历史的实现

    Vue顶部tags浏览历史的实现

    在管理系统中,常常需要在顶部tags显示浏览历史。本文将教大家如何通过Vue实现这一功能,文中的示例代码讲解详细,需要的可以参考一下
    2021-12-12
  • vue修改数据视图更新原理学习

    vue修改数据视图更新原理学习

    这篇文章主要为大家介绍了vue修改数据视图更新原理学习,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-11-11
  • 如何使用 vxe-table 实现左边是树右边是表格联动功能

    如何使用 vxe-table 实现左边是树右边是表格联动功能

    使用 vxe-table 来实现左边是树,右边是表格联动功能,当需要实现左右两侧联动时,表格 vxe-grid 配合分割模板 vxe-split 就很容易实现了,下面通过实例代码给大家介绍使用 vxe-table 来实现左边是树,右边是表格联动功能,感兴趣的朋友一起看看吧
    2025-03-03
  • vue网站优化实战之秒开网页

    vue网站优化实战之秒开网页

    最近在搭建自己的博客,前端采用Vue技术,发现首页加载速度非常之慢,常常达到10S左右,遂开始优化之旅,这篇文章主要给大家介绍了关于vue网站优化实战之秒开网页的相关资料,需要的朋友可以参考下
    2022-08-08
  • 前端vue按1920*1080设计图的页面适配屏幕缩放并适配4K屏详解

    前端vue按1920*1080设计图的页面适配屏幕缩放并适配4K屏详解

    最近在做一个数据可视化的项目,整个项目全是大屏展示,期间也是遇到很多问题,最令人头疼的就是大屏的适配,下面这篇文章主要给大家介绍了前端vue按1920*1080设计图的页面适配屏幕缩放并适配4K屏的相关资料,需要的朋友可以参考下
    2022-11-11

最新评论