从 Electron 角色创建的 Electron 菜单项在 Windows 应用程序托盘菜单上没有响应

问题描述

问题详情：
电子版： 11.0.3
操作系统： Windows 10（20H2 19042.685编译）

预期行为：
当用户点击时，基于角色的托盘菜单 menuItems，作为编辑和查看角色，应该响应......即使在 Windows 上也是如此。

实际行为：
对于从同一个 MenuItemConstructorOptions 数组创建的同一个 Menu 对象，已经创建了 3 种菜单类型：topBar 标准菜单、上下文菜单、托盘菜单。
这三个都在 linux 上工作。
topBar 和右键单击上下文菜单也适用于 Windows（包括角色 menuItems）。

但是，

1 - 托盘菜单菜单项，特别是从 Electron 角色（例如编辑和查看）创建的菜单项，在 Windows 10 上无响应。

2 - 使用单击事件侦听器（而不是角色）创建的自定义菜单项在 Windows 托盘上正常工作。

3 - 问题仅在于托盘菜单（与顶栏或右键单击上下文菜单无关）和基于角色的菜单项（与自定义事件侦听器无关）。

转载：
只需在以下位置克隆、安装、编译和启动应用程序：
https://github.com/danielpm1982/exchange-rate-client
在 Windows 10 上并尝试使用编辑或查看托盘菜单 menuItems（见下图）。
在项目的 README.md 中，我告诉我使用什么项目的脚本来运行克隆后的应用程序。 Linux 和 Windows 是不同的。
主要过程基于项目根文件夹中的 index.ts 文件。

GitHub 项目链接：
https://github.com/danielpm1982/exchange-rate-client

截图

附加信息：
在 Linux 上一切正常。
我没有在 Mac 上测试过。

创建和设置托盘和菜单实例的代码段：

// Create and set a menu to the mainWindow based on the MenuItemConstructorOptions array 
// template. Set that same menu both as a main Menu to the mainWindow directly as well as 
// like a popup context menu responsive to the mainWindow webcontents 'context-menu' event
// (right-button clicked event). Also create the app Tray and set the same menu as the tray menu.
const menu = Menu.buildFromTemplate(menuItemConstructorOptionsArray)
mainWindow.setMenu(menu)
mainWindow.webContents.on('context-menu',(e: Event) => {
  menu.popup()
})
const pathTotrayIcon = path.join(__dirname,"app","icon","iconLinux.png") as string
tray = new Tray(pathTotrayIcon)
tray.setToolTip('Exchange Rate Client')
tray.setContextMenu(menu)
tray.setIgnoreDoubleClickEvents(true)

创建 MenuItemConstructorOptions 数组的代码段：

const menuItemConstructorOptionsArray: MenuItemConstructorOptions[] = [
  {
    role: 'fileMenu',submenu: [
      {
        label: 'Print',accelerator: 'CommandOrControl+P',click: () => {
          mainWindow?.webContents.send("printFromMain")
        }
      },{
        label: 'PrintToPDF',accelerator: 'CommandOrControl+Shift+P',click: () => {
          mainWindow?.webContents.send("printToPDFFromMain")
        }
      },{
        label: 'Download Logo',accelerator: 'CommandOrControl+Shift+L',click: () => {
          mainWindow?.webContents.send("downloadLogoFromMain")
        }
      },{
        type: 'separator'
      },{
        role: 'quit'
      }
    ]
  },{
    role: 'editMenu'
  },{
    role: 'viewMenu',},{
    label: 'Settings',submenu: [
      {
        label: 'Theme',submenu: [
          {
            label: 'White Theme',click: () => {
              mainWindow?.webContents.send('whiteThemeFromMain')
            }
          },{
            label: 'Black Theme',click: () => {
              mainWindow?.webContents.send('blackThemeFromMain')
            }
          }
        ]
      }
    ]
  },{
    role: 'services',submenu: [
      {
        label: 'Exchange Rate',click: () => {
          mainWindow?.webContents.loadFile("app/index.html")
        },accelerator: 'CommandOrControl+S'
      }
    ]
  },{
    role: 'help',submenu: [
      {
        label: 'About',click: () => {
          createAboutModelWindow()
        },accelerator: 'CommandOrControl+U'
      }
    ]
  }
]

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）