Electron Forge 应用程序中的多个 html 页面

Question

我正在尝试使用 Electron Forge 制作一个桌面应用程序。该应用程序设计由一个

index.html

页面组成主页。主页包含一个按钮，按下后将导致应用程序执行一些计算并在另一个

result.html

页面中显示结果。但是，我似乎无法在

result.html

中引用

index.html

，以便打包的应用程序可以工作，尽管它可以在开发环境中工作。谁能告诉我为什么吗？

既然有人说我应该提供代码。我通过按钮引用了

result.html

页面：

<button class="button is-primary" id="scanButton" onclick="window.location.href='result.html'">Scan</button>

已经尝试使用

__dirname

，但它仍然说找不到文件。

Answer 1

在 Eectron 中你不能像这样处理导航，Electron 中的 HTML 页面与传统的 Web 环境不同。

但是您可以使用

ipc

。

在您的

main.js

中使用

result.html

 添加 

ipcMain

ipcMain.on('navigate-to-result', () => {
  mainWindow.loadFile('result.html');
});

然后您可以将

id

添加到

button

标签，然后您必须有脚本来处理导航。

在

<script>

标签中，您可以在下面执行您在

button

标签中放入的 id

addEventListener('click', () => {
      ipcRenderer.send('navigate-to-result');
});