electron - 在 ASAR 中找不到 PNG 文件

Question

我有一个 Electron (1.7.10) 应用程序报告它在我的 ASAR 中找不到 7 个 PNG 文件中的 5 个。所有 7 个 PNG 都在同一个文件夹中，其中 2 个在屏幕上正常显示。另5份报告 net::ERR_FILE_NOT_FOUND .
img 标签的所有 src 属性都是动态生成的，并使用相对路径 ( assets/images/MyImage.png )。如果我提取 ASAR，我可以在正确的文件夹中看到其中的文件(如 src 属性所引用)。
如果我使用控制台将浏览器的位置设置为其中一个图像 ( document.location.href = "file:///path/to/app.asar/dist/assets/images/MyImage.png" )，我会得到相同的结果 - 7 个中的 2 个显示正常。
在打包我的应用程序(使用 Electron 生成器)之前，所有图像都正确显示。
有任何想法吗？
谢谢，
电讯

Answer 1

让我猜猜，您正在使用 react-router 和 BrowserRouter 构建 react SPA？

如果是这样，请改用 HashRouter。 Electron 默认不使用 SPA 的路由，因为一个 SPA 路由发生了变化，但资源路径始终是相对于 index.html 的。