electron 项目 remote 问题解决

最新推荐文章于 2025-06-26 17:44:37 发布

原创最新推荐文章于 2025-06-26 17:44:37 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#electron

electron 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了如何在 Electron V14 及更高版本中处理 `remote` 模块被移除的问题。通过 npm 安装 `@electron/remote` 并在主进程和渲染进程中正确引用，可以解决 `BrowserWindow` 为 undefined 的错误。主要步骤包括：1) 使用 npm 安装远程模块；2) 在主进程 `main.js` 中初始化并启用远程模块；3) 在渲染进程中引用远程模块来创建和管理窗口。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、问题

高版本 require(electron).remote.BrowserWindow 报错 undefined，是因为从V14开始移除了remote，要使用的话需用通过npm引入

1、通过 npm 方式引入 remote
npm install --save @electron/remote
2、在主进程 mian.js 中添加引用代码

require("@electron/remote/main").initialize();

require("@electron/remote/main").enable(win.webContents);

3、在渲染进程中引用

// 1、获取ID为btn的选择器

const btn = this.document.querySelector('#btn');

// 2、创建窗口引用

const { BrowserWindow } = require("@electron/remote");

// 3、打开窗口

window.onload = function () {

btn.onclick = () => {

newWin = new BrowserWindow({ width: 300, height: 200 })

newWin.loadFile('test1.html')

newWin.on('close', () => { newWin = null })

}

}