Ich versuche, einer Schaltfläche in @ eine Funktion hinzuzufügeindex.html -Datei lautet wie folgt: Ich habe ein Schaltflächenelement inindex.html

<button id="auth-button">Authorize</button>

Immain.js der App, ich habe

require('crash-reporter').start();
console.log("oh yaeh!");
var mainWindow = null;

app.on('window-all-closed', function(){
    if(process.platform != 'darwin'){
        app.quit();
    }
});

app.on('ready',function(){
    mainWindow = new BrowserWindow({width:800, height : 600});
    mainWindow.loadUrl('file://' + __dirname + '/index.html');

    var authButton = document.getElementById("auth-button");
    authButton.addEventListener("click",function(){alert("clicked!");});

    mainWindow.openDevTools();

    mainWindow.on('closed',function(){
        mainWindow = null;
    });
});

Aber ein Fehler tritt wie folgt auf:Uncaught Exception: ReferenceError: document is not defined

Kann beim Erstellen von Elektron-Apps auf die DOM-Objekte zugegriffen werden? oder gibt es eine andere alternative möglichkeit, mir die benötigte funktionalität zu geben?