1. 程式人生 > 其它 >DevTools 無法載入 SourceMap 錯誤:狀態程式碼 404,net::ERR_HTTP_RESPONSE_CODE_FAILURE

DevTools 無法載入 SourceMap 錯誤:狀態程式碼 404,net::ERR_HTTP_RESPONSE_CODE_FAILURE

在這裡插入圖片描述

DevTools 無法載入 SourceMap: 無法載入 http://****/static/rooted/js/jquery.min.map: 的內容HTTP 錯誤:狀態程式碼 404,net::ERR_HTTP_RESPONSE_CODE_FAILURE

原因分析

sourceMap,除錯程式碼,從打包後的程式碼對映到原始碼,並在前端使用註釋宣告。對專案的執行沒有影響,對患有強迫症的前端er,難受!

什麼是 Source Map

在前端開發過程中,通常我們編寫的原始碼會經過多重處理(編譯、封裝、壓縮等),最後形成產物程式碼。於是在瀏覽器中除錯產物程式碼時,我們往往會發現程式碼變得面目全非,需要一種在除錯時將產物程式碼顯示回原始碼的功能,source map 就是實現這一目標的工具。

source-map 的基本原理是,在編譯處理的過程中,在生成產物程式碼的同時生成產物程式碼中被轉換的部分與原始碼中相應部分的對映關係表。有了這樣一張完整的對映表,我們就可以通過 Chrome 控制檯中的"Enable Javascript source map"來實現除錯時的顯示與定位原始碼功能。

解決方案

根據路徑找到該檔案的地址,然後刪除檔案最後的註釋即可。

(a.jQuery=a.$=n),n});
//# sourceMappingURL=jquery.min.map

刪除//# sourceMappingURL=jquery.min.map

lockdatav Done!