問題描述

我正在使用 electron 構(gòu)建一個(gè)包含兩個(gè)窗口的應(yīng)用程序.我正在嘗試從渲染器進(jìn)程內(nèi)部打開第二個(gè)窗口，執(zhí)行以下操作:

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
});

我收到一個(gè)錯(cuò)誤提示

BrowserWindow 不是構(gòu)造函數(shù).

BrowserWindow is not a constructor.

我的另一個(gè)選擇是使用 window.open，但這并不理想，因?yàn)樗祷?BrowserWindowProxy 對象，它的功能有限.

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

推薦答案

我發(fā)現(xiàn)我需要做的就是使用 remote 模塊.Electron 不允許直接從渲染進(jìn)程創(chuàng)建瀏覽器窗口，因?yàn)樗?(BrowserWindow) 需要 ipc 模塊與主進(jìn)程通信.電子文檔說:

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 相關(guān)的模塊(如對話框、菜單等)僅在主進(jìn)程中可用，在渲染器進(jìn)程中不可用.為了在渲染器進(jìn)程中使用它們，需要 ipc 模塊將進(jìn)程間消息發(fā)送到主進(jìn)程.

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 模塊正確設(shè)置了與主進(jìn)程的進(jìn)程間通信，以下修改后的代碼對我有用:

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/

這篇關(guān)于在 Electron 渲染器進(jìn)程中創(chuàng)建子窗口時(shí)如何修復(fù) BrowserWindow 不是構(gòu)造函數(shù)錯(cuò)誤的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持html5模板網(wǎng)！