vue-router報錯:uncaught error during route navigati問題及解決
bug場景
H5項目中，瀏覽器流程走的通，ios流程走得通，安卓機有的可以有的不行
報錯信息
提示
這里描述項目中遇到的問題：
例如
數(shù)據(jù)傳輸過程中數(shù)據(jù)不時出現(xià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)不了的代碼端塊：
?
?
?
這樣看來，在回頭看報錯信息，其實是有說明的 ==！ 盲目的去百度 結(jié)果廢了好多時間
解決方案
res.data?.xxx ?? "xxx" 把 ?? 換成|| 就可以了 res.data?.xxx || "xxx"
當然方法肯定不止這一種，還可以升級babel的版本。請大家具體情況具體分析
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue composition-api 封裝組合式函數(shù)的操作方法
在 Vue 應(yīng)用的概念中，“組合式函數(shù)”(Composables) 是一個利用 Vue 的組合式 API 來封裝和復(fù)用有狀態(tài)邏輯的函數(shù)，這篇文章主要介紹了vue composition-api 封裝組合式函數(shù)的操作方法,需要的朋友可以參考下2022-10-10
vue過濾器可以在不改變原始數(shù)據(jù)，只是對數(shù)據(jù)進行加工處理后返回過濾后的數(shù)據(jù)再進行調(diào)用處理,下面這篇文章主要給大家介紹了關(guān)于Vue中過濾器必懂小知識的相關(guān)資料,需要的朋友可以參考下2021-10-10
Vue 中 reactive創(chuàng)建對象類型響應(yīng)式數(shù)據(jù)的方法
在 Vue 的開發(fā)世界里,響應(yīng)式數(shù)據(jù)是構(gòu)建交互性良好應(yīng)用的基礎(chǔ),之前我們了解了ref用于定義基本類型的數(shù)據(jù),今天就來深入探討一下如何使用reactive定義對象類型的響應(yīng)式數(shù)據(jù),感興趣的朋友一起看看吧2025-02-02
今天小編就為大家分享一篇vue路由切換之淡入淡出的簡單實現(xiàn)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
這篇文章主要為大家詳細介紹了vue實現(xiàn)簡單分頁功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
vue使用ArcGis?API?for?js創(chuàng)建地圖實現(xiàn)示例
這篇文章主要為大家介紹了vue使用ArcGis?API?for?js創(chuàng)建地圖實現(xiàn)示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08
vue element動態(tài)渲染、移除表單并添加驗證的實現(xiàn)
這篇文章主要介紹了vue element動態(tài)渲染、移除表單并添加驗證的實現(xiàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-01-01
el-table實現(xiàn)搜索高亮展示并滾動到元素位置的操作代碼
這篇文章主要介紹了el-table實現(xiàn)搜索高亮展示并滾動到元素位置,本文通過示例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-01-01
axios請求中以params或body形式傳遞參數(shù)的區(qū)別淺析
最近在做自己項目中,做一個非常簡單的新增用戶場景,但是使用原生axios發(fā)送post請求的時候,還是踩了不少坑的,下面這篇文章主要給大家介紹了關(guān)于axios請求中以params或body形式傳遞參數(shù)的區(qū)別的相關(guān)資料,需要的朋友可以參考下2023-04-04
2分鐘實現(xiàn)一個Vue實時直播系統(tǒng)的示例代碼
這篇文章主要介紹了2分鐘實現(xiàn)一個Vue實時直播系統(tǒng)的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06