使用反应在电子应用程序中构建的正确 loadURL?

Posted

技术标签:

【中文标题】使用反应在电子应用程序中构建的正确 loadURL?【英文标题】:Correct loadURL for building in electron app with react? 【发布时间】:2021-01-19 09:39:37 【问题描述】:

我应该在我的电子应用程序构建中为 mainWindow.loadURL 放置什么? 目前我有

  mainWindow.loadURL('file://' + path.join(__dirname, '../build/index.html'));

在运行“npm run electron”时它在开发中运行良好,但是当我尝试构建我的应用程序并通过单击应用程序图标启动应用程序时,我只看到白色窗口。

我认为这与路径有关,但如果你们有任何其他可能导致这种情况的想法,请随时告诉..

我正在运行 MacOS 10.14

【问题讨论】:

您的index.html 的路径在构建应用程序后可能会有所不同。如果您发现自己有 2 条不同的开发路径和打包路径 - app.isPackaged 在这里可能会有所帮助。 【参考方案1】:

这是因为构建文件夹和应用程序入口点之间的链接不正确。

你可以用这样的模板文字试试:

mainWindow.loadURL(`file://$__dirname/../build/index.html`);

【讨论】:

以上是关于使用反应在电子应用程序中构建的正确 loadURL?的主要内容,如果未能解决你的问题,请参考以下文章

loadUrl 在电子中不起作用

Android Webview - 使用一个 loadUrl 缩放图像以正确适合屏幕

电子路由+创建反应应用程序

电子构建“不允许加载本地资源”但文件存在

如何使用 fs 与电子反应?

tsc 不移动 html 资源