Как исправить «require is not defined» в Electron?

Question

[MarkSmersh]

При попытке запроса в renderer.js:
const { ipcRenderer } = require('electron')
пишет, что "require is not defined"

В параметрах окна, webPrefereces стоит nodeIntegration: true, contextIsolation: false

Comments

[Fedor Vlasenko]

import { ipcRenderer } from 'electron'
попробуйте так, с рабочего проекта

[MarkSmersh]

Fedor Vlasenko, "Cannot use import statement outside a module"

[Fedor Vlasenko]

VUE store getters.js

import { ipcRenderer } from 'electron'

export function pluginFields (state) {
  return ipcRenderer.sendSync('api', { fn: 'fields' })
}

electron-main.js

import api from '../../src/api/api'

ipcMain.on('api', (event, arg) => {
  let fn = arg.fn || ''
  if (fn !== '' && api.hasOwnProperty(fn) && typeof api[fn] === 'function') {
    event.returnValue = api[fn](arg)
  }
})

таким образом я вызвываю функции, в примере из подключаемого файла api

Answer 1

[Кирилл Журавлев]

Создайте (модифицируйте) preload.js.
Туда нужно добавить

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

В main.js в функции, где вы создаете объект BrowserWindow

mainWindow = new BrowserWindow({
        width: 800,
        height: 600,
        webPreferences: {
            preload: path.join(app.getAppPath(), 'preload.js')
          }
    });