相信很多人发现了这个问题,Chrome谷歌浏览器更新后在console控制台就出现了 jquery.min.map 404  (Not Found) 的信息

jquery.min.map这是什么文件,一开始看到你肯定以为自己的网站缺少什么文件,奇怪的是网站一直运营良好从没缺过文件


没错 这个异常提示从天而降,即使不去处理也完全没有什么影响

如果你有强迫症不想看到自己的网站有异常提示,可以参考一下解决方式。


jquery.min.map 404 (Not Found)出错的原因及解决办法


从 JQuery 1.9.0 版本后在原始代码里会有 @ sourceMappingURL=jquery.min.map


简单说Source map就是一个信息文件,里面存储着位置信息。也就是说,转换后的代码的每一个位置,

所对应的转换前的位置。有了它,在js出错的时候,除错工具将直接显示原始代码,而不是转换后的代码,给开发这带来了很大方便

导致 jquery.min.map404的原因


Chrome浏览器更新后 自行开启了Enable source maps的选项但你又沒有放 Source map 导致找不到档案


解決方式1

将 Developer Tools ->设置 Enable source maps 关闭(只解决自己电脑上的问题)

解決方式2

开发环境中,可以下载同一版本的 source maps跟 jquery 放在相同位置


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

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


解决方式3


如果是布置到线上生产环境中去,你可以把jquery文件中的@ sourceMappingURL=jquery.min.map 这行代码直接删掉。

解决方式3 这是最彻底的解决办法,线上环境中建议直接删除