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

来源:csdn博客 分类: 文章浏览史 发布时间:2021-09-04 17:20:06 最后更新:2021-09-04 浏览:1054
转载声明:
本文为摘录自“csdn博客”,版权归原作者所有。
温馨提示:
为了更好的体验,请点击原文链接进行浏览
摘录时间:
2021-09-04 17:20:06

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

1楼 e
2022-03-20 14:00:47
e
php技术微信