vue打包上傳服務(wù)器加載提示錯誤Loading chunk {n} failed
更新時間：2023年08月25日 09:04:35 作者：fuGUI
這篇文章主要為大家介紹了vue打包上傳服務(wù)器加載提示錯誤Loading chunk {n} failed解決方法,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
錯誤提示
如果出現(xiàn)了該提示錯誤，瀏覽器前進(jìn)后退按鈕都不可用了，必須要點(diǎn)擊刷新按鈕頁面才能正常加載
如圖所示：
解決示例
通過查看vue-router文檔有一個router.onError的回調(diào)函數(shù)：原理就是在監(jiān)聽到路由報(bào)錯信息后自動進(jìn)行頁面刷新，獲取最新的代碼。
具體方法在router目錄下的index.js文件中添加代碼如下：
router.onError((error) => {
const pattern = /Loading chunk (\d)+ failed/g
const isChunkLoadFailed = error.message.match(pattern)
const targetPath = router.history.pending.fullPath
if (isChunkLoadFailed) {
router.replace(targetPath)
}
})以上就是vue打包上傳服務(wù)器加載提示錯誤Loading chunk {n} failed的詳細(xì)內(nèi)容，更多關(guān)于vue Loading chunk {n} failed的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
寫一個移動端慣性滑動&回彈Vue導(dǎo)航欄組件 ly-tab
前一段時間小編寫一個移動端慣性滑動&回彈Vue導(dǎo)航欄組件 ly-tab，覺的非常實(shí)用，大家可能在做項(xiàng)目時會用到，感興趣的朋友跟隨腳本之家小編一起學(xué)習(xí)吧2018-03-03
vue3輸入無效路由跳轉(zhuǎn)到指定error頁面問題
這篇文章主要介紹了vue3輸入無效路由跳轉(zhuǎn)到指定error頁面問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
這篇文章主要為大家介紹了vue父子組件相互通信方式示例梳理總結(jié)，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-05-05
這篇文章主要介紹了vue中實(shí)現(xiàn)回車鍵登錄功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-02-02
Vue如何實(shí)現(xiàn)文件預(yù)覽和下載功能的前端上傳組件
在Vue.js項(xiàng)目中,使用ElementUI的el-upload組件可以輕松實(shí)現(xiàn)文件上傳功能,通過配置組件參數(shù)和實(shí)現(xiàn)相應(yīng)的方法,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-09-09
關(guān)于electron-vue打包后運(yùn)行白屏的解決方案
這篇文章主要介紹了關(guān)于electron-vue打包后運(yùn)行白屏的解決方案，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要介紹了vue中如何下載excel流文件及設(shè)置下載文件名，對vue感興趣的同學(xué)，可以參考下2021-05-05
熱力圖是一種數(shù)據(jù)可視化技術(shù),它使用顏色來表示數(shù)據(jù)點(diǎn)的值,熱力圖常用于可視化分布數(shù)據(jù),例如人口密度、溫度變化或網(wǎng)站流量,本文給大家介紹了如何使用Vue3和ApexCharts創(chuàng)建交互式熱力圖,需要的朋友可以參考下2024-06-06
為Vue3?組件標(biāo)注?TS?類型實(shí)例詳解
這篇文章主要為大家介紹了為Vue3?組件標(biāo)注?TS?類型實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08
今天小編就為大家分享一篇VUE單頁面切換動畫代碼(全網(wǎng)最好的切換效果)，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10