Electron.remote is undefined even enableRemoteModule is true

Question

I'm newbie. I have some problem!

As a title, help me pls. I got this bug Even if I set enableremotemodule = true. This is my code

javascript:

const $ = require('jquery');
const remote_v = require("electron").remote;
var win = remote.getCurrentWindow();

$('#minimize').click(function(){
  remote_v.BrowserWindow.getFocusedWindow().minimize();
});

$('#close').click(function(){
  remote_v.getCurrentWindow().close();
});

main.js


const {app, BrowserWindow} = require('electron')
const path = require('path')
function createWindow () {
  const mainWindow = new BrowserWindow({
    width: 530,
    height: 330,
    resizable: false,
    frame : false,
    webPreferences: {
      nodeIntegration: true,
      contextIsolation: false,
      enableRemoteModule: true,
      preload: path.join(__dirname, 'preload.js')
    }
  })
  mainWindow.loadFile('index.html')
  mainWindow.webContents.openDevTools();
}

app.whenReady().then(() => {
  createWindow()
  app.on('activate', function () {

    if (BrowserWindow.getAllWindows().length === 0) createWindow()
  })
})

app.on('window-all-closed', function () {
  if (process.platform !== 'darwin') app.quit()
})

Thank you very much, have a nice day!.

This [post](https://stackoverflow.com/questions/68217009/minimize-and-close-buttons-not-working-in-electron-app) also has a solution regarding minimize and close button. It uses `IPC` instead of `remote`. — cachique, Jul 03 '21 at 18:19
Where is the first block of javascript code? in `preload.js`? — cachique, Jul 04 '21 at 23:20

score 1 · Answer 1 · edited Oct 13 '21 at 22:45

1

// Deprecated in Electron 12:
const { BrowserWindow } = require('electron').remote

Install the @electron/remote module

// Replace with:
const { BrowserWindow } = require('@electron/remote')

// In the main process:
require('@electron/remote/main').initialize()

Note: In electron >= 14.0.0, you must use the new enable API to enable the remote module for each desired WebContents separately:

require("@electron/remote/main").enable(win.webContents);

Here are the changes in the API. I am sure this helps you figure out the new changes since the remote module is removed from latest electron.

edited Oct 13 '21 at 22:45

Adil Malik

6,279
7
48
77

answered Oct 05 '21 at 16:03

Sumanth Perambuduri

89
1
4

2

While this link may answer the question, it is better to include the essential parts of the answer here and provide the link for reference. Link-only answers can become invalid if the linked page changes. - [From Review](/review/late-answers/30001373) – Rojo Oct 05 '21 at 17:56

score 0 · Answer 2 · answered Jul 03 '21 at 18:32

0

According to documentation it's just a syntax problem.

const $ = require('jquery');
const {BrowserWindow} = require("electron").remote;

$('#minimize').click(function(){
  BrowserWindow.getFocusedWindow().minimize();
});

$('#close').click(function(){
  BrowserWindow.getFocusedWindow().close();
});

answered Jul 03 '21 at 18:32

cachique

1,150
1
12
16

it doesn't work bro :( ***Uncaught TypeError: Cannot destructure property 'BrowserWindow' of 'require(...).remote' as it is undefined.*** – Nguyễn Võ Xuân Duy Jul 04 '21 at 04:21

score 0 · Answer 3 · answered Sep 28 '21 at 14:28

New version of electron ( I use 15.0.0) doesn't have remote module any more. If you look at documentation, you'll see that it doesn't have enableRemoteModule option. Maybe this can help you.

 // In main process.
const { ipcMain } = require('electron')
ipcMain.on('asynchronous-message', (event, arg) => {
  console.log(arg) // prints "ping"
  event.reply('asynchronous-reply', 'pong')
})

ipcMain.on('synchronous-message', (event, arg) => {
  console.log(arg) // prints "ping"
  event.returnValue = 'pong'
})

// In renderer process (web page).
// NB. Electron APIs are only accessible from preload, unless contextIsolation is disabled.
// See https://www.electronjs.org/docs/tutorial/process-model#preload-scripts for more details.
const { ipcRenderer } = require('electron')
console.log(ipcRenderer.sendSync('synchronous-message', 'ping')) // prints "pong"

ipcRenderer.on('asynchronous-reply', (event, arg) => {
  console.log(arg) // prints "pong"
})
ipcRenderer.send('asynchronous-message', 'ping')

Electron.remote is undefined even enableRemoteModule is true

3 Answers3