How to fix BrowserWindow is not a constructor error when creating child window in Electron renderer process

Question

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

I'm getting an error saying

BrowserWindow is not a constructor.

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

I fixed my own problem by including electron.remote.BrowserWindow instead. electron.atom.io/docs/api/remote — Elena Filatova
You should consider providing a full self-answer since you found a solution to your problem. — user3351605

Elena Filatova Elena Filatova · Accepted Answer · 2017-08-11T17:45:24

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:

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.

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

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

How to fix BrowserWindow is not a constructor error when creating child window in Electron renderer process

2 Answers