打包后Electron应用Menu.getApplicationMenu()返回null报错问题排查

嘿，这个问题其实是开发模式和打包后生产环境的差异导致的！

在你用electron .运行开发版本时，Electron会自动帮你生成一套默认的应用菜单（比如File、Edit这些标准菜单），所以你的代码能顺利拿到Menu.getApplicationMenu()并修改它。但打包后的生产环境里，Electron不会自动生成这套默认菜单，这就导致Menu.getApplicationMenu()返回了null，你再去访问.items[0]自然就抛出异常了——点击确定后应用能启动，但因为菜单初始化失败，所以就看不到菜单了。

给你两个实用的修复方案，按需选就行：

方案1：手动构建完整菜单（推荐） #

别依赖Electron自动生成的菜单了，自己手动写一套完整的菜单结构，这样不管开发还是生产环境，菜单的结构都是你可控的，不会出现找不到菜单的情况。示例代码如下：

const { Menu, MenuItem } = require('electron');

// 先构建File子菜单
const fileSubMenu = new Menu();
// 对应你原来要隐藏的第一项，直接设置visible为false
fileSubMenu.append(new MenuItem({ label: 'New', visible: false }));
// 添加你的Build Project项
fileSubMenu.append(new MenuItem({ label: 'Build Project', click: () => buildProject() }));
// 还可以按需加其他默认菜单项，比如Open、Save、Exit这些

// 再构建整个应用菜单
const mainMenu = new Menu();
mainMenu.append(new MenuItem({ label: 'File', submenu: fileSubMenu }));
// 可以继续添加Edit、View等其他菜单，比如：
// mainMenu.append(new MenuItem({ label: 'Edit', submenu: [...]}));

// 最后把这个菜单设置为应用菜单
Menu.setApplicationMenu(mainMenu);

方案2：先检查默认菜单是否存在，再修改 #

如果你还是想基于默认菜单来改，那就要先判断一下默认菜单有没有生成，没有的话先创建一个基础框架再修改：

const { Menu, MenuItem } = require('electron');

let appMenu = Menu.getApplicationMenu();
// 如果默认菜单不存在，先创建一个空的应用菜单并添加File容器
if (!appMenu) {
  appMenu = new Menu();
  appMenu.append(new MenuItem({ label: 'File', submenu: new Menu() }));
  Menu.setApplicationMenu(appMenu);
}

// 现在再执行你原来的修改逻辑
const filemenu = appMenu.items[0].submenu;
filemenu.items[0].visible = false;
filemenu.append(new MenuItem({ label: 'Build Project', click: () => buildProject() }));

额外提醒 #

• 要是你窗口配置里加了frame: false，那Windows系统的标题栏会被隐藏，菜单也会跟着看不到，这点要注意哦。
• 打包的时候确保Electron的相关模块都被正确打包进去，别因为模块缺失导致菜单功能出问题。

内容的提问来源于stack exchange，提问作者sbtpr