electron报错：Uncaught TypeError: Cannot read property ‘BrowserWindow‘ of undefined

electron版本14+

使用remote模块时出现问题，代码如下：

const BrowserWindow = require('electron').remote；

报错：

Uncaught TypeError: Cannot read property 'BrowserWindow' of undefined

解决方法：

查看官方文档后发现：

1.在Electron10中，enableRemoteModule默认值改为了false，若使用remote模块需改为true

2.remote模块在Electron12废弃，在Electron14被移除，由@electron/remote模块替代

@electron/remote模块正确使用方法 

1.首先在项目中通过npm安装它

npm install --save @electron/remote

2.在主进程中初始化@electron/remote模块，然后才能从渲染器中使用

require('@electron/remote/main').initialize()

3.在主进程中开启remote，也就是webPreferences中添加enableRemoteModule:true

4.将代码require('electron').remote替换为require('@electron/remote')

在渲染进程中：

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

// 14+版本
const { BrowserWindow } = require('@electron/remote')

完整代码示例： 

//main.js

const { app, BrowserWindow } = require('electron');

app.on('ready',function(){
    const mainWindow = new BrowserWindow({
        height:500,
        width:800,
        webPreferences:{
            // 开启node
            nodeIntegration: true,
            contextIsolation: false,
            // 开启remote
            enableRemoteModule:true,
        }
    });

    require('@electron/remote/main').initialize()
    mainWindow.loadFile('index.html');
    mainWindow.openDevTools();
})
// 当所有窗口被关闭了，退出。
app.on('window-all-closed', function() {
    if (process.platform != 'darwin') {
      app.quit();
    }
  });

//渲染进程

const {BrowserWindow} = require('@electron/remote')
const open_new = document.querySelector('#open_new');

window.onload = function(){
    open_new.onclick = ()=>{
        var newBroswer = new BrowserWindow({
            width:400,
            height:400,
            webPreferences:{
            // 开启node
            nodeIntegration: true,
            contextIsolation: false,
            }
        
        });
        
        newBroswer.loadFile('newBroswer.html')
        newBroswer.on('close',function(){
            newBroswer = null;
        })
    }
}