13

我正在构建一个 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>

是什么触发了这个错误？

4

4 回答 4

11

当你不使用CDN的jQuery时（你自己下载jQuery，然后包含它），它会找不到它的源图，修复这个错误下载jquery源图

您可以在Developer Tool的Resource Tab中找到源映射路径，然后打开您的 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 相同的目录中文件

于 2013-08-27T21:28:47.437 回答
10

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

对于 Chrome 用户：按 Ctrl + Shift + I，单击右侧的齿轮图标以打开Settings，取消选中Enable source maps。

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

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

于 2013-08-27T09:23:46.540 回答
9

如果您使用的是 Chrome 扩展 Windows Resizer，则可能与此有关，请参阅http://windowresizer.userecho.com/topic/185143-exception-in-development-tools-in-chrome-dev-m-29015302-66 -and-29015353-611/我遇到了同样的错误。如果我禁用扩展，我不再收到错误。

于 2013-08-26T05:50:11.297 回答
1

您是否在 chrome 清单文件中正确注册了所有文件？我猜那里有问题

于 2013-08-26T06:22:23.783 回答