Electron加载index.html，但不加载其余的捆绑文件

Question

我们有一个电子应用，希望使用loadUrl()加载渲染器包。

win=new BrowserWindow({ /* ... */ })
win.loadURL(`file://${path.join(__dirname, '../../render/build/index.html')}`);

在html文件中，我们加载了React Bundle

<script type="text/javascript" src="/js/app-my-hash.bundle.js"></script>

但是，正如预期的那样，找不到该文件，因为我想我需要以某种方式设置项目的根目录。我收到此错误

Failed to load resource: net::ERR_FILE_NOT_FOUND

要使该功能正常工作，我在电子侧（或Webpack侧）缺少什么设置？

Answer 1

使用相对URL，例如：src="js/app-my-hash.bundle.js"或src="./js/app-my-hash.bundle.js"

Answer 2

在 index.html 中无需手动更新即可添加相对路径的另一种方法是，包括

package.json 中的

首页属性。

例如

{
  "name": "electron-project",
  "homepage": "./", # Add this line
  #.... all remaining properties
}

Stackoverflow Source