电子应用程序。多个html文件答案

【问题标题】：Electron app. Multiple html files电子应用程序。多个html文件
【发布时间】：2023-03-29 19:33:01
【问题描述】：

我有一个根目录中有多个 html 文件的电子应用程序。

Electro 启动后，我找不到从 index.html 重定向到 page1.html 的方法。

有人知道怎么做吗？

【问题讨论】：

【解决方案1】：

当您的第一个页面是 index.html 时，您在创建窗口时调用该页面。

const win = new BrowserWindow(options);
win.loadUrl(`file://${__dirname}/index.html`);

如果你想加载另一个页面也许

win.loadUrl(`file://${__dirname}/page.html`);

可以帮助你。

如果页面应在用户操作（例如单击链接）后加载。您可以将链接添加到您的 index.hmtl 页面。 Electron 在这里的工作方式与浏览器完全一样。

<a href="page.html">Go to page</a>

【讨论】：

我已经用链接完成了，就像在你的上一个例子中一样，我有一个问题。在新窗口中，我不能使用任何带有 require('packagename'); 的包。它说 require 没有定义。
我相信这是一种解决方法。我会推荐用于路由的 JavaScript 库，例如backbone.js 或 knockout.js
用 win.loadUrl(page2.html) 加载第二个 url；导致浏览器窗口在加载第二页时闪烁白屏，有没有办法避免它？
显然，win.loadFile("page.html") 和 win.loadUrl(`file://${remote.app.getAppPath()}/page.html`) 都不起作用，但你的确实起作用。