vue-router報錯:uncaught error during route navigati問題及解決
bug場景
H5項(xiàng)目中，瀏覽器流程走的通，ios流程走得通，安卓機(jī)有的可以有的不行
報錯信息
提示
這里描述項(xiàng)目中遇到的問題：
例如
數(shù)據(jù)傳輸過程中數(shù)據(jù)不時出現(xiàn)丟失的情況，偶爾會丟失一部分?jǐn)?shù)據(jù)APP 中接收數(shù)據(jù)代碼：
APP 中接收數(shù)據(jù)代碼：
"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:
原因分析
百度了一下說跟路由版本有關(guān)，升降路由版本；以及babel語法轉(zhuǎn)換的問題
說下我調(diào)錯的方式 ：
最初我以為是路由版本問題，換了路由跳轉(zhuǎn)方式，也用了網(wǎng)上說的router.err方法，都沒解決。
有的路由可以跳轉(zhuǎn)，有的路由跳轉(zhuǎn)不了，我就一個vue一個vue的禁用找到了導(dǎo)致跳轉(zhuǎn)不了的代碼端塊：
?
?
?
這樣看來，在回頭看報錯信息，其實(shí)是有說明的 ==！ 盲目的去百度 結(jié)果廢了好多時間
解決方案
res.data?.xxx ?? "xxx" 把 ?? 換成|| 就可以了 res.data?.xxx || "xxx"
當(dāng)然方法肯定不止這一種，還可以升級babel的版本。請大家具體情況具體分析
總結(jié)
以上為個人經(jīng)驗(yàn)，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了Vue+Flask實(shí)現(xiàn)圖片傳輸功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
vue.js中created方法是一個生命周期鉤子函數(shù)，一般可以在created函數(shù)中調(diào)用ajax獲取頁面初始化所需的數(shù)據(jù)，這篇文章主要介紹了Vue中created和mounted使用場景分析,需要的朋友可以參考下2023-05-05
下面小編就為大家分享一篇Vue cli 引入第三方JS和CSS的常用方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
微信內(nèi)置開發(fā) iOS修改鍵盤換行為搜索的解決方案
今天小編就為大家分享一篇微信內(nèi)置開發(fā) iOS修改鍵盤換行為搜索的解決方案，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11
這篇文章主要介紹了vue build錯誤異常的解決方法 ，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-04-04
在管理系統(tǒng)中，常常需要在頂部tags顯示瀏覽歷史。本文將教大家如何通過Vue實(shí)現(xiàn)這一功能，文中的示例代碼講解詳細(xì)，需要的可以參考一下2021-12-12
vue修改數(shù)據(jù)視圖更新原理學(xué)習(xí)
這篇文章主要為大家介紹了vue修改數(shù)據(jù)視圖更新原理學(xué)習(xí)，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-11-11
如何使用 vxe-table 實(shí)現(xiàn)左邊是樹右邊是表格聯(lián)動功能
使用 vxe-table 來實(shí)現(xiàn)左邊是樹,右邊是表格聯(lián)動功能,當(dāng)需要實(shí)現(xiàn)左右兩側(cè)聯(lián)動時,表格 vxe-grid 配合分割模板 vxe-split 就很容易實(shí)現(xiàn)了,下面通過實(shí)例代碼給大家介紹使用 vxe-table 來實(shí)現(xiàn)左邊是樹,右邊是表格聯(lián)動功能,感興趣的朋友一起看看吧2025-03-03
vue網(wǎng)站優(yōu)化實(shí)戰(zhàn)之秒開網(wǎng)頁
最近在搭建自己的博客,前端采用Vue技術(shù),發(fā)現(xiàn)首頁加載速度非常之慢,常常達(dá)到10S左右,遂開始優(yōu)化之旅,這篇文章主要給大家介紹了關(guān)于vue網(wǎng)站優(yōu)化實(shí)戰(zhàn)之秒開網(wǎng)頁的相關(guān)資料,需要的朋友可以參考下2022-08-08
前端vue按1920*1080設(shè)計圖的頁面適配屏幕縮放并適配4K屏詳解
最近在做一個數(shù)據(jù)可視化的項(xiàng)目,整個項(xiàng)目全是大屏展示,期間也是遇到很多問題,最令人頭疼的就是大屏的適配,下面這篇文章主要給大家介紹了前端vue按1920*1080設(shè)計圖的頁面適配屏幕縮放并適配4K屏的相關(guān)資料,需要的朋友可以參考下2022-11-11