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;
        })
    }
}

最后修改:2021 年 10 月 18 日
如果觉得我的文章对你有用,请随意赞赏