调试电子应用

Question

从Web开发的背景出发，我正在学习Electron的应用程序开发。

使用基本代码，我犯了一个诚实的错误，那就是使用submenu而不是subMenu，我原本希望在某个地方出现错误，但根本无法单击文件菜单。

因为这是我的业余爱好项目，所以没有花费很多时间来修复它。第二天注意到并解决了这个问题。

我想了解如何正确调试这类问题，我的代码是：

// mainWindow.loadURL('URL');
// also tried opening chrome dev tools
mainWindow.webContents.openDevTools();

// create menu template
const mainMenuTemplate = [
    {
        label: "File",
        subMenu: [
            {
                label: "Add Item"
            }
        ]
    }
];

// Build menu from template
const mainMenu = Menu.buildFromTemplate(mainMenuTemplate);
// insert menu
Menu.setApplicationMenu(mainMenu);

我试图打开开发工具mainWindow.webContents.openDevTools();，即使在控制台上也没有错误。

请分享一些想法。

---

已添加：我的main.js来自github存储库的源代码。