問題描述:
出現(xiàn)以下錯誤信息:
DevTools 無法加載 SourceMap: 無法加載 http://****/static/rooted/js/jquery.min.map: 的內(nèi)容HTTP 錯誤:狀態(tài)代碼 404,net::ERR_HTTP_RESPONSE_CODE_FAILURE
原因分析:
sourceMap,調(diào)試代碼,從打包后的代碼映射到源碼,并在前端使用注釋聲明。對項目的運行沒有影響。
什么是 Source Map
-
在前端開發(fā)過程中,通常我們編寫的源代碼會經(jīng)過多重處理(編譯、封裝、壓縮等),最后形成產(chǎn)物代碼。于是在瀏覽器中調(diào)試產(chǎn)物代碼時,我們往往會發(fā)現(xiàn)代碼變得面目全非,需要一種在調(diào)試時將產(chǎn)物代碼顯示回源代碼的功能,source map 就是實現(xiàn)這一目標的工具。
-
source-map 的基本原理是,在編譯處理的過程中,在生成產(chǎn)物代碼的同時生成產(chǎn)物代碼中被轉(zhuǎn)換的部分與源代碼中相應(yīng)部分的映射關(guān)系表。有了這樣一張完整的映射表,我們就可以通過 Chrome 控制臺中的"Enable Javascript source map"來實現(xiàn)調(diào)試時的顯示與定位源代碼功能。
解決方案:
根據(jù)路徑找到該文件的地址,然后刪除文件最后的注釋即可。
(a.jQuery=a.$=n),n});
//# sourceMappingURL=jquery.min.map
刪除//# sourceMappingURL=jquery.min.map
文章來源:http://www.zghlxwxcb.cn/news/detail-508746.html
ok!不再報錯!文章來源地址http://www.zghlxwxcb.cn/news/detail-508746.html
到了這里,關(guān)于【前端遇錯】DevTools 無法加載 SourceMap 錯誤:狀態(tài)代碼 404,net::ERR_HTTP_RESPONSE_CODE_FAILURE的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!