jquery.min.map 404 (Not Found)出錯的緣由及解決辦法

Chrome 更新後出現了 jquery.min.map 404  (Not Found) 的信息

這個究竟是什麼東西？查詢了一下，獲得瞭如下資料

• JQuery 官方解釋

摘錄一下內容

從 jQuery 1.9.0 版本後在原始代碼裏會有 @ sourceMappingURL=jquery.min.map

什麼是Source map

簡單說，Source map就是一個信息文件，裏面存儲着位置信息。也就是說，轉換後的代碼的每個位置，所對應的轉換前的位置。

有了它，出錯的時候，除錯工具將直接顯示原始代碼，而不是轉換後的代碼。這無疑給開發這帶來了很大方便。

致使  jquery.min.map 404 緣由

更新後 Chrome 自行開啓了 Enable source maps 的選項但你又沒有放 Source map 致使找不到檔案。

解決辦法

當打開引入jQuery腳本的頁面時，在Chrome的控制檯中報了「GET http://localhost/libs/jquery.min.map 404 (Not Found)」的錯誤。

剛開始覺得是Chrome安裝插件致使的錯誤，但是把引入換成jQuery開發版本時，錯誤就不見了。而且只有Chrome會有這個錯誤提示，FireFox、IE不會報錯。

後來發現原來是jQuery腳本中 "//@ sourceMappingURL=jquery-1.10.2.min.map" 這一行惹的禍。

若是是佈置到生產環境中去，你能夠把上面那行代碼直接刪掉。

若是是在開發環境中，你應該下載jquery-1.10.2.min.map文件，放到jQuery同級目錄中去（須要對應的source map文件）。

 

 

解決方式1.

將 Developer Tools ->設置 Enable source maps 關閉

解決方式2.

下載同一版本的 source maps跟jquery.js同目錄

source maps 會跟 jquery 同位置

Jquery 位置 http://code.jquery.com/jquery-1.10.2.min.js

source maps 位置  http://code.jquery.com/jquery-1.10.2.min.map