相信很多人發(fā)現(xiàn)了這個(gè)問題,Chrome谷歌瀏覽器更新后在console控制臺(tái)就出現(xiàn)了 jquery.min.map 404  (Not Found) 的信息

jquery.min.map這是什么文件,一開始看到你肯定以為自己的網(wǎng)站缺少什么文件,奇怪的是網(wǎng)站一直運(yùn)營良好從沒缺過文件


沒錯(cuò) 這個(gè)異常提示從天而降,即使不去處理也完全沒有什么影響

如果你有強(qiáng)迫癥不想看到自己的網(wǎng)站有異常提示,可以參考一下解決方式。


jquery.min.map 404 (Not Found)出錯(cuò)的原因及解決辦法


從 JQuery 1.9.0 版本后在原始代碼里會(huì)有 @ sourceMappingURL=jquery.min.map


簡單說Source map就是一個(gè)信息文件,里面存儲(chǔ)著位置信息。也就是說,轉(zhuǎn)換后的代碼的每一個(gè)位置,

所對應(yīng)的轉(zhuǎn)換前的位置。有了它,在js出錯(cuò)的時(shí)候,除錯(cuò)工具將直接顯示原始代碼,而不是轉(zhuǎn)換后的代碼,給開發(fā)這帶來了很大方便

導(dǎo)致 jquery.min.map404的原因


Chrome瀏覽器更新后 自行開啟了Enable source maps的選項(xiàng)但你又沒有放 Source map 導(dǎo)致找不到檔案


解決方式1

將 Developer Tools ->設(shè)置 Enable source maps 關(guān)閉(只解決自己電腦上的問題)

解決方式2

開發(fā)環(huán)境中,可以下載同一版本的 source maps跟 jquery 放在相同位置


Jquery 位置 http://xxxxxx/jquery-1.11.3.min.js

source maps 位置  http://xxxxxx/jquery-1.11.3.min.map


解決方式3


如果是布置到線上生產(chǎn)環(huán)境中去,你可以把jquery文件中的@ sourceMappingURL=jquery.min.map 這行代碼直接刪掉。

解決方式3 這是最徹底的解決辦法,線上環(huán)境中建議直接刪除


原文鏈接:jquery.min.map404出錯(cuò)的原因和解決辦法