Question

我正在构建一个HTML5页面。我正在使用JQuery，我收到以下两个控制台错误。

Denying load of chrome-extension://kkelicaakdanhinjdeammmilcgefonfh/js/jquery.min.map. Resources must be listed in the web_accessible_resources manifest key in order to be loaded by pages outside the extension. localhost/:1

GET chrome-extension://invalid/  chrome-extension://invalid/:1

据我所知，一切都正常宣布。这是我的html页面的顶部

<!DOCTYPE HTML>
<html>
    <head>
        <title>Page Title</title>
        <link href="css/main.css" type="text/css" rel="stylesheet" />
        <link href="css/archivo-narrow.css" type="text/css" rel="stylesheet" />
        <script type="text/javascript" src="scripts/jquery-2.0.3.min.js"></script>
    </head>

是什么引发了这个错误？

Answer 1

当你不使用CDN的jQuery（你自己下载jQuery，然后包含它）时，它将无法找到它的源地图，修复此错误下载jquery源地图

您可以在开发者工具的资源标签中找到源地图路径，然后打开您的jQuery文件，您会发现类似的内容

/*! jQuery v2.0.3 | (c) 2005, 2013 jQuery Foundation, Inc. | jquery.org/license
//@ sourceMappingURL=jquery-2.0.3.min.map
*/

然后转到http://code.jquery.com/sourceMappingURL，在这种情况下= http://code.jquery.com/jquery-2.0.3.min.map，然后将其保存在保存jQuery文件的同一目录中

Answer 2

如果您只想暂时删除此消息，请关闭源地图。

对于Chrome用户：按Ctrl + Shift + I，点击右侧的齿轮图标以打开设置，取消选中启用源地图。< / p>

对于其他用户，请阅读Developer Tools - Source maps

问题的细节：这是因为页面包含了缩小的JS / CSS /资源，并附加了原始文件的映射路径。不幸的是，映射路径中缺少该文件。

Answer 3

如果您使用的是Chrome扩展程序Windows Resizer，则可能会看到http://windowresizer.userecho.com/topic/185143-exception-in-development-tools-in-chrome-dev-m-29015302-66-and-29015353-611/我收到同样的错误。如果我禁用扩展程序，我就不会再收到错误。

Answer 4

您是否在Chrome清单文件中正确注册了所有文件？我猜那里有些不对劲

必须在web_accessible_resources清单键中列出JQuery 2.0.3 Chrome错误资源，以便在扩展程序之外的页面加载

4 个答案: