使用Electron开发过程中不能使用remote模块解决

最新推荐文章于 2024-05-16 09:00:00 发布
最新推荐文章于 2024-05-16 09:00:00 发布
阅读量1.6k 收藏 4
点赞数 3
文章标签： electron javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46452138/article/details/129194218
版权

在 electron 渲染进程中引入BrowserWindow报错
const BrowserWindow = require(“electron”).remote.BrowserWindow
报错：Cannot read properties of undefined (reading ‘BrowserWindow’)
原因分析：
这是由于electron 版本所造成的问题。由于用的是目前的最新版本@v19.0.8， 而remote在electron12中就已经废弃了remote模块，如果需要使用，则应自己安装remote包。
解决方法：
步骤1. 在项目根目录下安装@electron/remote包：

npm install @electron/remote --save

步骤2. 在主进程中，设置webPreferences选项：
在这里插入图片描述

webPreferences: {
   
            nodeIntegration:
最低0.47元/天 解锁文章
weixin_46452138
关注
  • 3
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
electron踩坑之remote of undefined的解决
10-14
主要介绍了electron踩坑之remote of undefined的解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
用于在electron中运行代码的最简单的API
08-12
5. **`remote` 模块**：虽然不推荐在新的Electron版本中使用，但`remote`模块允许渲染器进程直接访问主线程的API。然而，由于性能问题和潜在的安全风险，开发者应优先考虑使用`ipcRenderer`进行进程间通信。 通过...
Electron 学习：Uncaught Error: @electron/remote is disabled for this WebContents
weixin_40995362的博客
06-02 580
remote报错
electron的Remote模块
最新发布
liufang_imei的博客
05-16 407
在渲染进程里（比如index.html里面加载了一些，那里面的如果要使用到这些属性的话就必须使用remote使用remote模块, 你可以调用main。
Electron 发生错误 "Cannot find module app"的解决方案
热门推荐
艾米粒's Blog
12-15 2万+
解决方式：原代码长这样：var app = require('app'); var BrowserWindow = require('browser-window');修改成：const electron = require('electron'); const app = electron.app; const BrowserWindow = electron.BrowserWindow;错误原因
electron获取不到remote
p1967914901的博客
07-12 1451
electron获取不到remote 问题 // 渲染进程 let remote = require('electron').remote console.log(remote) // undefined 原因 版本问题，可以看到在老的版本的说明文档里面还有这个，在新的版本的说明文档里面没有这个了 解决 实际是remote模块默认关闭， 必须手动设置webPreferences中的enableRemoteModule为true之后 mainWindow = new BrowserWindow({
解决 Electron 14 之后版本使用 remote 模块报错
你渴望力量吗？
03-23 1229
Electron使用remote模块报错
Electron开发文档入门，非常详细全套
05-15
- **远程模块**：对于更复杂的交互，可以使用`remote`模块，它允许渲染进程调用主进程中的模块方法。 4. **Electron API的使用** - **窗口管理**：`BrowserWindow`类是创建和控制窗口的主要接口，包括设置大小、...
electron-5-demo:尝试使用cmd，puppeteer，系统，webview
05-16
在 Electron 5 示例中，我们看到的是一个使用特定版本（5.0.x）的 Electron 进行开发的项目。 ** Puppeteer 库的运用 ** Puppeteer 是一个 Node 库，它提供了一组高级 API 来通过 DevTools 协议控制 Chrome 或 ...
Eelectron 中的remote模块
越陌度阡
04-15 6132
1. 模块分类 在Electron中的模块有些只能在主进程中使用、有些只能在渲染进程中使用、只有一小部分模块在主进程和渲染进程中都可以使用，主要分类如下： 2. remote模块 Electron 中与 GUI 相关的模块只存在于主进程，而不在渲染进程中 ，为了能从渲染进程中使用它们，需要给主进程发送进程间消息。remote 模块提供了一种在渲染进程和主进程之间进行进程间通讯的简便途径，使用 remote 模块，可以调用主进程对象的方法，而无需显式地发送进程间消息，这类似于 Java 的 R.
关于Electron中设置enableRemoteModule:true，渲染进程中依旧无法使用remote模块的问题
qq_39077394的博客
07-07 2808
在主进程中设置后，只需要从中引入即可 较高版本的electron（以我的19.0.8为例） 1、先安装模块 2、主进程中设置，同时在创建窗口实例之后引入模块 main.js 3.在渲染进程中导入模块 完成后即可在渲染进程中使用模块，例如...
vue Error: Cannot find module ‘electron‘
qq_36376625的博客
06-09 1203
【代码】vue Error: Cannot find module 'electron'
electron 项目 remote 问题解决
wandoumm的博客
12-30 1210
高版本 require(electron).remote.BrowserWindow 报错 undefined，是因为从V14开始移除了remote，要使用的话需用通过npm引入。
electron14中无法使用remote-解决办法
gfhj778的博客
09-04 4577
1.官方文档 remote弃用 文档中说12后版本中已经不能直接require(electron).remote,取而代之的方法是： 1.先安装@electron/remote包 npm i -D @electron/remote 2.主进程js文件中 app.on('ready',function(){ //.... require('@electron/remote/main').initialize() }) 3.渲染进程中 const { BrowserWindow } = require('@
electron14之后出现remote无效undefined的问题解决
chniccs的专栏
09-05 2219
这里写自定义目录标题 electron更新到14之后，之前的remote为undefined的解决方法已经失效了，就是下面这段 webPreferences : { ... enableRemoteModule:true//开启remote,v14之后失效 } v14之后正确的解决方法应该是: 1、先npm install @electron/remote 2、然后在主进程中添加 require('@electron/remote/main'
electron踩坑之remote of undefined
认定的总要想办法去完成。
10-04 4458
electron更新后使用remote模块踩坑  此前版本中我们使用electron中的remote模块时，不需在主进程的窗口中加入enableRemoteModule：true参数才能够调用remote模块，而在electron 10中，我们需要加入该参数才能调用该模块。 //引入electron let electron = require('electron') //引入remote模块 let remote = electron.remote //打印remote模块 console.log(rem
react中使用electron ipc模块
06-10
在React项目中使用Electron的`ipc`模块，可以通过`electron`模块的`remote`对象访问Electron的主进程。以下是示例代码： 在Electron的主进程中： ```javascript const { ipcMain, BrowserWindow } = require('electron'); let mainWindow; function createWindow() { mainWindow = new BrowserWindow({ width: 800, height: 600, webPreferences: { nodeIntegration: true } }); mainWindow.loadFile('index.html'); mainWindow.on('closed', () => { mainWindow = null; }); } ipcMain.on('message-from-renderer', (event, arg) => { console.log(arg); // 输出来自渲染进程的消息 event.reply('message-from-main', 'Hello from main process!'); // 发送回复消息到渲染进程 }); createWindow(); ``` 在React组件中： ```javascript import React, { useState, useEffect } from 'react'; import { ipcRenderer, remote } from 'electron'; function MyComponent() { const [message, setMessage] = useState(''); useEffect(() => { ipcRenderer.on('message-from-main', (event, arg) => { setMessage(arg); // 接收来自主进程的消息 }); return () => { ipcRenderer.removeAllListeners('message-from-main'); // 移除事件监听器 }; }, []); const handleClick = () => { ipcRenderer.send('message-from-renderer', 'Hello from renderer process!'); // 发送消息到主进程 }; return ( <div> <button onClick={handleClick}>发送消息到主进程</button> {message && <p>收到来自主进程的消息：{message}</p>} </div> ); } ``` 在上面的代码中，我们在React组件中使用`ipcRenderer`对象发送消息到Electron的主进程，并接收来自主进程的回复消息。注意，要在React组件中使用Electron的`remote`模块，需要在开发环境中启动Electron。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值