2

Been getting this error every time I start up my electron app.

electron/js2c/renderer_init.js:91 Unable to load preload script: C:\Users\Desktop\Projects\Electron-Apps\Electron\src\preload.js
(anonymous) @ electron/js2c/renderer_init.js:91
electron/js2c/renderer_init.js:91 Error: contextBridge API can only be used when contextIsolation is enabled

My preload.js is in the same directory as my index.js, so I'm a bit loss at debugging this. Not sure why it won't load my preload.js file. Everything was working fine up until I setup my default formatter to prettier with eslint.

Index.js

const createWindow = () => {
  // Create the browser window.
  const mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      preload: path.join(__dirname, 'preload.js'),
    },
  });

Preload.js

const { contextBridge, ipcRenderer } = require('electron');

contextBridge.exposeInMainWorld('electron', {
  notificationAPI: {
    sendNotification(message) {
      ipcRenderer.send('notify', message);
    },
  },
  filesAPI: {
    sendEmails(content) {
      ipcRenderer.send('save-delete', content);
    },
  },
});
Chris Wong
  • 21
  • 1
  • 3
  • I think, in general this issue is still open (https://github.com/electron/forge/issues/2931), I did some tests setting contextIsolation, sandbox, nodeIntegration, enableRemoteModule with all possible values, nothing works. – Alejadro Xalabarder May 28 '23 at 12:05

2 Answers2

3

As the error suggests, contextIsolation needs to be enabled to allow you to use the contextBridge API

const createWindow = () => {
  // Create the browser window.
  const mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
      contextIsolation: true, // add this
      preload: path.join(__dirname, 'preload.js'),
    },
  });

Note: contextIsolation is enabled by default starting from Electron 12.0

aabuhijleh
  • 2,214
  • 9
  • 25
0

I had the similar error. In my case, the cause was there was an importing cycle in the code, i.g. fileA imports fileB imports fileC imports fileA.

Mike
  • 57
  • 1
  • 5