Chrome扩展错误正在加载Jquery

我正在处理chrome扩展，我的内容脚本抛出错误

$ / jQuery没有被定义。

所以我尝试使用我的清单文件嵌入jquery，并在我的扩展文件夹中下载了jquery，但无论出于何种原因我收到此错误 –

拒绝加载chrome-extension：//gfdmfdmhnoenciioooikdifmdkechdbl/jquery-1.10.2.min.map 。 资源必须列在web_accessible_resources清单键中，以便由扩展名外的页面加载。

我用我的清单文件尝试了一些东西，但似乎没有任何工作，所以现在我尝试这个，它仍然给我错误 –

{ "manifest_version": 2, "name": "My Extension", "version": "0.0", "offline_enabled": false, "content_scripts": [{ "matches": ["*://*.sitedomain.com/*"], "js": [ "jquery-1.10.2.min.js", "content.js" ], "run_at": "document_end", "all_frames": false }] } 

我无法编辑它要使用的实际站点，所以我无法在标题中加载jquery旧方式，这就是为什么我试图加载扩展所以我的内容脚本将工作。 任何帮助表示赞赏。

Answer 1

只需从jquery文件的顶部删除此行

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

如果检查Jquery 1.10.2的源代码，它会在顶部包含源映射行。 我希望你没有使用Source Maps。 有关详细信息，请查看以下链接：

1. http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/
2. jQuery的jquery-1.10.2.min.map触发404（未找到）

替代方法

1. 从jquery下载页面下载源映射文件，并将jquery-1.10.2.min.map放在扩展目录中。
2. 同时下载uncompressed source code并放入扩展目录。
3. 基本上你需要三个文件[SourceMap，Compressed，Uncompressed]。
4. 将这些映射文件路径和未压缩的文件路径添加到web_accesible resources 。