原文:vue打包部署后 瀏覽器緩存問題,導致控制台報錯ChunkLoadError: Loading chunk failed的解決方案

一 報錯如下: 每次build打包部署到服務器上時,偶爾會出現前端資源文件不能及時更新到最新,瀏覽器存在緩存問題,這時在當前頁面進行按鈕點擊等事件處理時,控制台報錯chunk load error,如下顯示: 原因:通過查看當前sources里的文件,可以發現:控制台報錯提示中所請求的js文件哈希值跟sources緩存的文件哈希值並不一樣,說明 當前頁面請求了緩存,然而由於資源文件被更新 導致找不 ...

2021-12-20 15:48 0 10144 推薦指數:

查看詳情

Error: Loading chunk * failedVue Router懶加載報錯問題解決方案

最近vue項目路由改成了懶加載方式,剛開始並沒有什么問題,清空項目文件,重新下載配置運行,就發現控制台報以下錯誤: [vue-router] Failed to resolve async component default:Error:Loading chunk 10 failed. 刷新 ...

Tue Nov 30 01:36:00 CST 2021 0 869
[轉]關於安裝了Vue-devtools插件但在瀏覽器控制台不顯示的解決方案

Google瀏覽器中開發調試的時候,右上角出現vue的圖標,但是在開發者工具中沒有出現vue調試(已在擴展程序中安裝 Vue Devtools) 控制台卻沒有。 錯誤原因: 沒顯示調試工具的原因是用了生產環境的版本或是壓縮的vue版本,或是沒有勾選 解決方法: 官方建議 ...

Fri Feb 25 01:46:00 CST 2022 0 780
關於安裝了Vue-devtools插件但在瀏覽器控制台不顯示的解決方案

Google瀏覽器中開發調試的時候,右上角出現vue的圖標,但是在開發者工具中沒有出現vue調試(已在擴展程序中安裝 Vue Devtools) 控制台卻沒有。 錯誤原因: 沒顯示調試工具的原因是用了生產環境的版本或是壓縮的vue版本,或是沒有勾選 解決方法: 官方建議 ...

Tue May 28 03:18:00 CST 2019 1 5135
解決Chrome瀏覽器vue devtools F12控制台不顯示的問題

最近開發vue項目中,為了更好的調試程序,安裝了vue.js devtools調試工具,安裝成功了之瀏覽器右上角出現了圖標,同時在vue的頁面下也能點亮,就是控制台沒有vue的頁簽,最后是在擴展程序中開啟允許訪問文件網址和在隱身模式下啟用兩項就可以了。 成功顯示: ...

Sat Aug 08 01:35:00 CST 2020 0 1738
瀏覽器緩存問題原理以及解決方案

瀏覽器緩存問題: 簡單來說,瀏覽器緩存就是把一個已經請求過的Web資源(如html頁面,圖片,js,數據等)拷貝一份副本儲存在瀏覽器中。緩存會根據進來的請求保存輸出內容的副本。當下一個請求來到的時候,如果是相同的URL,緩存會根據緩存機制決定是直接使用副本響應訪問請求,還是向源服務再次發送請求 ...

Wed May 09 04:52:00 CST 2018 0 1013
微信瀏覽器緩存問題解決方案

平時開發測試習慣用微信進行掃碼預覽,過程中發現一個問題,一些明明改過的代碼但是瀏覽器加載之后依然是初始代碼,確定是瀏覽器緩存造成的 瀏覽器緩存的兩個特點: 1.微信瀏覽器首先會緩存整個頁面的內容,如果頁面地址沒有變更,在一段時間內(幾個小時)進入頁面都不會對頁面中的js,css等資源文件發出 ...

Tue Dec 25 17:49:00 CST 2018 0 2018
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM