Wie man Anwendungsmenü im Elektron einrichtet?

Question

wenn ich die electron-quick-start Anwendung zu starten, erhalte ich ein komplettes Menü OSX:

ich diesen Code dann hinzufügen, vor allem aus docs kopiert, um meine main.js:

const Menu = require('menu');                                            
const MenuItem = require('menu-item'); 
var mainmenu = new Menu(); 
mainmenu.append(new MenuItem({ label: 'MenuItem1', click: function() { console.log('item 1 clicked'); } })); 
Menu.setApplicationMenu(mainmenu); 

I auch versuchte Menüvorlage Code aus den electron menu docs, mit dem exakt gleichen enttäuschenden Ergebnis zu verwenden:

Ich habe auch versucht, den Code oben zu index.html hinzuzufügen, wörtlich den Code in Menu's Doc kopieren. Gleiche Sache.

Irgendeine Idee, was ist falsch?

Answer 1

electron-prebuilt dass es auf dem electron-quick-start Beispiel verwendet wird, hat es einen eigenen App-Namen (Electron).

Um dies zu ändern, müssen Sie Ihre App neu aufbauen/packen und sie wird den "name" oder "productName" aus Ihrer package.json verwenden.

Auch gibt es Verfahren zum Setzen/den Namen der Anwendung, aber Sie haben Ihre Anwendung zu verpacken, dass die Änderung im Hauptmenü zu sehen:

const electron = require('electron'); 
const app = electron.app; 

app.setName('APPNAME');