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 导致找不到档案。

解决办法

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