Google chrome 赢得图像'；t通过ChromeStore安装时，在Chrome Extension中加载

我在webstore中有一个chrome扩展，已经有好几个月了，它一直在完美地工作。最近，我更改了UI，并在扩展中添加了几个新图像。我在清单文件的“web\u可访问的\u资源”属性中添加了图像文件夹<代码>“src/lib/imgs/*”

问题是：当用户通过Chrome商店安装扩展时，一些图像无法加载，我不知道为什么。所有图像都在同一文件夹中。有些有效，有些无效。我自己也有Chrome开发者版

我很确定所有的图片都上传得很好。我有chrome版本43.0.2357.134 dev-m，当我从ChromeWebstore安装它时，它工作正常。然而，当我在不同的笔记本电脑上安装相同的插件时，chrome版本为43.0.2357.134 m

通过使用这个插件，我可以在chrome商店中看到扩展名的源文件，所有文件都在那里

有人有什么建议或想法吗？请让我知道，如果我的问题不清楚，或者如果你需要更多的信息来理解这个问题

以下是试用插件的测试版：chrome.google.com/webstore/detail/cpacflpjhonhpgpjkbilfblopejajlai/（您可以使用任何虚假的电子邮件地址注册）-请注意，问题解决后，我将从商店中删除此测试版

---

谢谢，

为了确保您应该列出您的文件和清单，我猜一下：您的图像名称可能大小写不一致。因为文件在不同的OSs中有不同的大小写规则，所以它可以在某些OSs上工作，但在byt其他OSs上工作。

---

尝试在文件和源引用中以小写形式设置所有图像名称。还要确保没有使用保留字符。检查windows mac和Linux特殊字符规则。

我想我可能在发布Zig Mandal评论时发现了问题

看看我在这里发布的失败图片。

GET chrome-extension://cpacflpjhonhpgpjkbilfblopejajlai/src/lib/imgs/aw_audiencehear‌​t_knowledge.png net:：ERR_失败

当我试图转换文件名

aw\u audencehear时‌​t_knowledge.png

转换为ascii值。我发现在“心”这个词的“r”后面有某种隐藏的字符

复制并粘贴文件名，您将看到它

我不知道那是什么类型的角色。它是完全看不见的，它不是一个规则的空间。我将检查所有的文件名，看看是否有任何隐藏的字符，并删除他们一个接一个。一旦我完全解决这个问题，我会更新它

如果你们有任何关于这方面的信息，请更新这篇文章

---

再次感谢您的帮助：）

经过4天的研究，我终于找到了这个答案

因为，我的chrome扩展没有给我指明正确的方向，我不得不手动浏览每一行并在脑海中执行脚本，最终我在popup.js中找到了这一行

$('#atomic_insights').attr('src', chrome.extension.getURL("src/lib/imgs//atomicinsights.png"));

我很幸运地注意到文件名前的双斜杠（//）。就这样

现在，我想知道为什么这段代码在开发人员模式下工作？当我从本地安装时，为什么它没有在开发者模式下抛出相同的错误？为什么Chrome从未向我指出有关此错误的正确文件和行号。这是Chrome的bug还是有其他解释

---

以上问题我都没有答案。既然我已经发现了这个bug，我将继续前进，并随着它的发展。再次感谢@ZigMandel和@Xan的帮助。

事实上，凯斯似乎就是这样（请原谅双关语）。文件之间不一致。感谢Zig和Xan的回复。我重命名了所有文件，并将它们引用为小写，但我仍然面临同样的问题。。下面是它在控制台中的外观：

getchrome-extension://cpacflpjhonhpgpjkbilfblopejajlai/src/lib/imgs/aw_audienceheart_knowledge.png net:：ERR_FAILED

以下是目录结构和清单：以下是我如何在content_script.js文件中添加所有图像的方法，除了少数几种方法外，其他几种方法都有效<代码>$（'aw#u idealaud'）.attr（'src'，chrome.extension.getURL（“src/lib/imgs/aw#u audenceheart_knowledge.png”）@ZigMandel@Xan我下面的答案并不是真正的解决方案。即使我修好了，它还是会崩溃。但是，我注意到，在单击浏览器操作图标（右上角）几秒钟后崩溃。关于

chrome://extensions

它表示“此扩展可能已损坏”，即无法加载映像时。你们还能想到什么吗？你们有没有试着在已安装的扩展名中更改文件？这可能会发生。仅供参考：上述解决方案并没有解决最初的问题。关于它为什么在dev中工作的解释，请参见您的链接答案。chrome检查只在发布的扩展上进行，否则商店中没有可比较的内容。