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

IT技术 javascript jquery google-chrome-devtools
2021-02-01 03:49:58

我看到有关min.map未找到文件的错误消息

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


截屏

在此处输入图片说明

这是从哪里来的?

6个回答

如果 Chrome DevTools 报告 .map 文件的 404(可能jquery-1.10.2.min.mapjquery.min.mapjquery-2.0.3.min.map,但可能发生在任何事情上)首先要知道的是,这仅在使用 DevTools 时请求。 您的用户不会遇到此 404。

现在您可以修复此问题或禁用源映射功能。

修复:获取文件

接下来,这是一个简单的修复。前往http://jquery.com/download/并单击下载适用于您的版本的地图文件链接,您还需要下载未压缩的文件。

在此处输入图片说明

有了映射文件,您就可以通过原始源调试缩小的 jQuery,如果您不喜欢处理ac.

更多关于源映射的信息JavaScript 源映射简介

道奇:禁用源图

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

我不确定应该从 DevTools 中为此引发 404,这似乎让人们感到困惑。尽管如此,至少我现在知道如何处理它。还有@adam-asdf 只是为了让您知道我们积极鼓励您在 SO 上回答您自己的问题... meta.stackexchange.com/questions/17845/ ...
2021-03-11 03:49:58
我有两件事要补充。1)下载一个 jQuery 地图文件是不够的,你还需要一个未压缩的源代码(否则你会在调试时看到一个空的 jquery-*.js 文件)。2)如果您从 CDN 之一加载 jQuery,那么所有三个文件(地图、压缩和未压缩的源代码)都在同一位置,您可以立即开始调试。
2021-03-16 03:49:58

您可以通过删除该行来删除 404

//@ sourceMappingURL=jquery-1.10.2.min.map

从 jQuery 文件的顶部。

jQuery 文件的顶部将如下所示。

/*! jQuery v1.10.2 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license
//@ sourceMappingURL=jquery-1.10.2.min.map
*/

只需将其更改为

/*! jQuery v1.10.2 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license */

源映射的目的

基本上,这是一种将组合/缩小文件映射回未构建状态的方法。当您为生产构建时,连同缩小和组合您的 JavaScript 文件,您会生成一个源映射,其中包含有关原始文件的信息。当您在生成的 JavaScript 中查询某个行号和列号时,您可以在返回原始位置的源地图中进行查找。开发人员工具(目前是 WebKit nightly builds、Google Chrome 或 Firefox 23+)可以自动解析源映射并使其看起来好像您正在运行未缩小和未组合的文件。(在此处阅读更多相关信息

编辑库来摆脱这些东西并不是一个好的选择。每次更新 jquery 时,此行都会再次出现。
2021-04-07 03:49:58
仅当您需要调试缩小的 JS 源代码时才需要。在此处查看第二段以获取更多详细信息html5rocks.com/en/tutorials/developertools/sourcemaps
2021-04-09 03:49:58
希望我在做选定的答案之前已经看过这个。这要容易得多,应该是主要答案。op 的自我回答对信息很有用,但绝对是次要的,因为这是在谷歌搜索如何摆脱这种烦恼时出现的第一个问题。
2021-04-09 03:49:58

正如在jQuery 1.11.0/2.1.0 Beta 2 Released源地图中宣布的那样,注释将被删除,因此该问题不会出现在较新版本的jQuery.

以下是官方公告:

我们在此测试版中所做的更改之一是删除源映射注释。事实证明,Sourcemaps 对开发人员来说是一个非常有问题和令人费解的事情,在 StackOverflow 等论坛上产生了大量令人困惑的问题,并导致用户认为 jQuery 本身已被破坏。

无论如何,如果您需要使用源映射,它仍然可用:

我们仍然会生成和分发源映射,但是如果浏览器不支持手动关联映射文件(目前,不支持),您将需要在缩小文件的末尾添加适当的源映射注释。如果您使用自定义构建过程生成自己的 jQuery 文件,源映射注释将出现在缩小的文件中并生成映射;您可以保留它并使用源映射,也可以将其编辑掉并完全忽略映射文件。

您可以在此处找到有关更改的更多详细信息。


在这里,您可以找到确认jQuery 1.11.0/2.1.0 Released已删除缩小文件中的 source-map 注释。

但如果不是因为这种混乱,我永远不会在这里查找并知道地图存在。我一直在手动为我想查看的缩小文件添加空格。
2021-03-17 03:49:58
Chrome 浏览器有一个按钮,可以很好地格式化缩小的文件。也可以使用在线美化剂。
2021-04-05 03:49:58
  1. 下载地图文件和jQuery的未压缩版本
    把它们放在缩小版本中:

    JavaScript

  2. 将缩小版本包含在您的HTML 中

    HTML

  3. 检查谷歌浏览器:

    谷歌浏览器

  4. 阅读JavaScript Source Maps 简介

  5. 熟悉调试 JavaScript

jQuery 的新版本需要这个文件http://code.jquery.com/jquery-1.10.2.min.map

这个文件的可用性在这里描述http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/

更新:

jQuery 1.11.0/2.1.0

// sourceMappingURL 注释不包含在压缩文件中

不,我不相信 jQuery“需要”那个文件。仅当您想在调试时使用源映射时才需要,在这种情况下需要 src 文件和映射文件。
2021-03-12 03:49:58
嗨@styfle,1.10.2版本需要源映射,但从1.11.0/2.1.0版本开始必须手动添加,这是因为许多用户受到浏览器控制台中产生的错误的影响
2021-03-23 03:49:58