解決:DevTools failed to load SourceMap:... net::ERR_HTTP_RESPONSE_CODE_FAILURE的問題

在Google chrome開發人員控制檯中一直報此錯誤。(雖然只是一個警告,但是體驗還是非常不好)
在這裏插入圖片描述
先說解決方案:
第一種:

  1. 在Google chrome瀏覽器調試工具中,設置該調試工具,點開之後選擇Settings
    在這裏插入圖片描述
  2. 關閉此選項
    在這裏插入圖片描述
    雖然這種方式是隱藏錯誤的好答案,但它並不能使錯誤消失,只是您無法在控制器中看到它。另一種方法是下載缺少的地圖文件(說完之後會簡單討論一下原理)。

第二種:

  1. 有一個文件引用不存在的源映射文件,就如我第一個圖中警告指向的是wangEditor.min.js.map文件
    在這裏插入圖片描述
    我只需要去官網下載一份該文件即可,然後放到同級目錄,我就是如此解決的。(如果還沒有解決的話嘗試清一下緩存試試,或者留言討論。)

但是?這到底是什麼意思呢?
簡單來說,我們使用的文件都是經過壓縮之後的,因爲體積小,加載速度快,比如jQuery在壓縮之前有200多k,壓縮之後可能只有它的1/3或者更少(只是大致比喻一下),然後問題就來了,壓縮之後所有的名字都改了,空行換行也都刪了,如果使用報錯了,我們該怎麼解決呢?
所以這個SourceMap就是幫我們改變這個問題的,引用一個源映射文件來幫我們快速定位到錯誤(筆者也沒遇到過錯誤-_-||),當沒有這個映射文件的而你又開啓 引用源映射文件 的時候肯定就會報錯了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章