在 Electron 渲染器进程中创建子窗口时如何修复 BrowserWindow 不是构造函数错误

2022-01-10 00:00:00 electron javascript

我正在使用 electron 构建一个包含两个窗口的应用程序.我正在尝试从渲染器进程内部打开第二个窗口，执行以下操作:

I'm using electron to build an application that includes two windows. I'm trying to open a second window from inside renderer process doing something like:

const electron = require('electron');
const BrowserWindow = electron.BrowserWindow;

const childWindow = new BrowserWindow({
   width: 800,
   height: 600
});

我收到一个错误提示

BrowserWindow 不是构造函数.

BrowserWindow is not a constructor.

我的另一个选择是使用 window.open，但这并不理想，因为它返回 BrowserWindowProxy 对象，它的功能有限.

My other option is to use window.open, but that is not ideal since that returns BrowserWindowProxy object, which has limited functionality.

推荐答案

我发现我需要做的就是使用 remote 模块.Electron 不允许直接从渲染进程创建浏览器窗口，因为它 (BrowserWindow) 需要 ipc 模块与主进程通信.电子文档说:

I found that all I needed to do was to use the remote module. Electron doesn't allow to directly create a browser window from the renderer process, because it (BrowserWindow) requires ipc module to communicate with the main process. Electron documentation says:

在 Electron 中，与 GUI 相关的模块(如对话框、菜单等)仅在主进程中可用，在渲染器进程中不可用.为了在渲染器进程中使用它们，需要 ipc 模块将进程间消息发送到主进程.

In Electron, GUI-related modules (such as dialog, menu etc.) are only available in the main process, not in the renderer process. In order to use them from the renderer process, the ipc module is necessary to send inter-process messages to the main process.

所以，new electron.BrowserWindow() 不起作用.但是，使用 remote 模块正确设置了与主进程的进程间通信，以下修改后的代码对我有用:

So, new electron.BrowserWindow() doesn't work. However, using remote module correctly sets up inter-process communicating with the main process and the following modified code works for me:

const electron = require('electron');
const BrowserWindow = electron.remote.BrowserWindow;

const childWindow = new BrowserWindow({
   width: 800,
   height: 600
});

remote 模块更完整的解释在这里:https://electron.atom.io/docs/api/remote/

A more complete explanation of remote module is here: https://electron.atom.io/docs/api/remote/

相关文章