电子JS-无法解构'require（...）。remote'的'BrowserWindow'属性，因为它未定义 [英] Electron JS - Cannot destructure property 'BrowserWindow' of 'require(...).remote' as it is undefined

问题描述

这是在渲染器过程中：

const {BrowserWindow} = require('electron').remote

const path = require('path')
const url = require('url')

const newWindowButton = document.getElementById('new-window-btn');
newWindowButton.addEventListener('click',(e)=>{
    let win3 = new BrowserWindow();
    win3.loadURL(url.format({
        pathname: path.join(__dirname,'index3.html'),
        protocol: "file",
        slashes: true
    }))

})

我无法在渲染器进程中打开新窗口，出现以下错误。

**未捕获的TypeError：无法按原样解构'require（...）。remote'的属性'BrowserWindow'

**Uncaught TypeError: Cannot destructure property 'BrowserWindow' of 'require(...).remote' as it is

undefined.**
    at Object.<anonymous> (D:\ElectronTute\helloWorld\index1.js:4)
    at Object.<anonymous> (D:\ElectronTute\helloWorld\index1.js:21)
    at Module._compile (internal/modules/cjs/loader.js:1145)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js`enter code here`:1166)
    at Module.load (internal/modules/cjs/loader.js:981)
    at Module._load (internal/modules/cjs/loader.js:881)
    at Function.Module._load (electron/js2c/asar.js:769)
    at Module.require (internal/modules/cjs/loader.js:1023)
    at require (internal/modules/cjs/helpers.js:77)
    at index1.html:13

推荐答案

 mainWindow = new BrowserWindow({
    width: 1280,
    height: 960,
    webPreferences: {
      nodeIntegration: true,
      enableRemoteModule: true,
     },
  });

我相信您正在使用新版本的Electron。从v9版本开始，除非将 enableRemoteModule 设置为true，否则不允许在渲染器上使用 remote 。

I believe you are using the new version of Electron. From v9 version, we are not allowed to use remote on the renderer unless set the enableRemoteModule as true.

加上要使用 require（）在渲染器上加载 node_moduels ，我们需要同时启用 nodeIntegration 。根据需要是节点API之一。

Plus in order to load node_moduels on renderer by using require(), we need to also enable the nodeIntegration as well. As require is one of node APIs.

https：/ /github.com/electron/electron/issues/21408

这篇关于电子JS-无法解构'require（...）。remote'的'BrowserWindow'属性，因为它未定义的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！