Electron使用remote报错

xiaohai 2021-05-14 12:33:26 共9770人围观 标签： 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')

相同类型文章

热门标签

每日一句

    青春应该怎样度过？有的如同烈火，永远照耀别人，有的却像荧光，甚至也照不亮自己！不同的生活理想，不同的生活态度，决定一个人在战斗中站的位置。

    ——吴运铎

今日排行

  • OpenCV-Python边缘检测：Sobel、Scharr、Laplacian算子和Canny算子

    图像梯度计算的是图像变化的速度。对于图像的边缘部分，其灰度值变化较大，梯度值也较大；相反，对于图像中比较平滑的部分，其灰度值变化较小，相应的梯度值也较小。图像梯度计算需要求导数，但是图像梯度一般通过计算像素值的差来得到梯度的近似值（近似导数值）。本节主要介绍Sobel算子、Scharr算子、Laplacian算子和Canny算子的使用.

  • 无向图(Undirected Graph)

    无向图(Undirected Graph)

  • dumpe2fs：导出/ext2/ext3/ext4文件系统信息

    dumpe2fs命令用于导出ext2/ext3/ext4文件系统内部的相关信息，例如：文件系统的组成包含超级块、块组、inode、block等信息（该命令在Centos7下没有得到任何信息）

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

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

  • Laravel命令Artisan介绍和使用

    不管是 Node.js、Python 还是 PHP 的 Web 框架，都提供了通过命令行与应用进行交互的功能，通过这些命令行工具，我们可以完成一些初始化操作，比如创建新应用、执行数据库迁移、或者快速创建类文件等，在 Laravel 中也一样，可以使用Artisan命令来进行操作。

点击排行

友情链接