Electron使用remote报错

xiaohai 2021-05-14 12:33:26 共8738人围观 标签： Electron 
简介Uncaught TypeError: Cannot destructure property 'Menu' of 'remote' as it is undefined.

为了实现在渲染进程中创建右键菜单，但是如果直接使用remote，运行程序会报如下错误：
Uncaught TypeError: Cannot destructure property 'Menu' of 'remote' as it is undefined.

从v9版本开始，remote除非将设置enableRemoteModule为true，否则不允许在渲染器上使用。所以在主进程main.js中，需要设置该属性：

//其他代码...
app.on('ready', () => {
    require('./menu.js')

    mainWindow = new BrowserWindow({
        width: 800,
        height: 400,
        webPreferences: {
            nodeIntegration: true,
            contextIsolation: false,
            enableRemoteModule:true,//添加即可解决问题
        }
    })
    //其他代码...
})

如果只是修改了上面，我们继续使用

const { Notification } = require('electron').remote

会提示(electron) The remote module is deprecated，因为remote将被废弃，替代它的是需要参考：@electron/remote

@electron/remote的使用
#1、先安装
npm install --save @electron/remote

#2、在主进程中进行初始化
require('@electron/remote/main').initialize()

#3、渲染进程中使用
// in the renderer process:
// Before
const { BrowserWindow } = require('electron').remote

// After
const { BrowserWindow } = require('@electron/remote')

相同类型文章

热门标签

每日一句

    女人可以令你的生活幸福如天堂，也可以令你的生活艰苦如地狱。

    ——古龙

今日排行

  • Gin编译打包静态文件和模板文件

    如果在使用Gin框架编写web应用程序中，如果里面包含了模板文件和静态文件，我们如何进行打包呢？本文主要记录该操作。

  • yarn、npm配置阿里云国内镜像（新镜像）

    nodejs中使用npm和yarn，使用最新阿里云镜像 aliyun mirror，网上很多还是文章用的是下面这个地址~~yarn config set registry https://registry.npm.taobao.org~~

  • 音乐推荐《是妈妈是女儿》

    《是妈妈是女儿》聚焦母女间未曾言明的爱意，以书信对话的形式呈现出各自的内心独白，表达彼此的牵挂。黄绮珊与希林娜依·高用跨越时空、打开心扉、深情对唱的形式，将天下母女爱的寄语化作心灵的倾诉。黄绮珊的每一句话，每一个字都演绎出了妈妈对女儿的爱，而希林依娜·高把女儿对妈妈的爱由不理解到理解再到感恩演绎得淋漓尽致。

  • 微信小程序支持Markdown的解析库Towxml和搭建公式流程图渲染服务

    Towxml 是一个让小程序（微信/QQ）可以解析Markdown、HTML的解析库。能够使小程序完美解析Markdown内容。

  • 推荐一款Markdown编辑器

    Editor.md 是一个可嵌入的开源 Markdown 在线编辑器组件，你可以很方便用在浏览器、NW.js（Node-webkit）等地方，基于CodeMirror、jQuery 和 Marked 构建。

点击排行

友情链接