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

這個到底是甚麼東西查詢了一下，查詢到了以下資料

•  JavaScript Source Map 功能詳解
• JQuery 官方解釋

摘錄一下內容

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

什麼是Source map

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

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

Reason

導致  jquery.min.map 404 原因

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

Solution

解決方式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

Comments

comments