我看到错误消息关于一个文件,min.map,没有找到:

jQuery的jQuery -1.10.2.min。map正在触发404(未找到)


截图

这是怎么回事?


当前回答

我也遇到过同样的问题。我的原因是Grunt连接了我的JavaScript文件。

我使用了一个;\n作为分隔符,导致源路径映射到404。

所以dev tools在找jquery。min。map;而不是jquery.min.map。

我知道这不是最初问题的答案,但我确信还有其他人具有类似的Grunt配置。

其他回答

如果Chrome DevTools报告一个.map文件的404错误(可能是jquery-1.10.2.min。Map, jquery.min.map或jquery-2.0.3.min。首先要知道的是,这只在使用DevTools时被请求。 您的用户将不会碰到这个404。

现在您可以修复这个问题或禁用源地图功能。

解决办法:获取文件

接下来,这很容易解决。转到http://jquery.com/download/,并点击下载对应版本的地图文件链接,您也会希望下载未压缩的文件。

有了映射文件,您就可以通过原始源代码调试缩小后的jQuery,如果您不喜欢处理a和c这样的变量名,这将节省大量时间和挫败感。

更多关于源地图的信息请点击这里:JavaScript源地图介绍

Dodge:禁用源地图

现在,您可以在设置中完全禁用JavaScript源映射,而不是获取文件。如果您不打算在这个页面上调试JavaScript,那么这是一个不错的选择。 使用DevTools右下角的齿轮图标,打开设置,然后:

jQuery 1.11.0/2.1.0的// sourceMappingURL注释不包含在压缩文件中。

下载地图文件和jQuery的非压缩版本。 把它们和缩小版放在一起: 包括缩小版本到你的HTML: 登录谷歌Chrome浏览器: 阅读JavaScript源映射介绍 熟悉调试JavaScript

根据我对浏览器的理解,至少Chrome,默认情况下不会禁用源映射。这意味着应用程序的用户将在默认情况下触发此源映射请求。

您可以通过删除//@ sourceMappingURL=jquery.min来删除源映射。映射你的JavaScript文件。

我也遇到过同样的问题。我的原因是Grunt连接了我的JavaScript文件。

我使用了一个;\n作为分隔符,导致源路径映射到404。

所以dev tools在找jquery。min。map;而不是jquery.min.map。

我知道这不是最初问题的答案,但我确信还有其他人具有类似的Grunt配置。