当我隐藏 mainWindow 时，mainWindow.on('close') 被多次调用

Question

我制作了一个基本的电子托盘，当单击其中一个选项时会打开一个窗口。我检查我是否用布尔值打开了 BrowserWindow 并创建或显示/隐藏窗口。

const contextMenu = Menu.buildFromTemplate([
      { label: 'Open configuration menu', click:() => {
        console.log("called createwin");
        createwin();
      }

而createwin是：

function createwin(){
  if (windowshown == false) {
  mainWindow = new BrowserWindow({
    width: 1000,
    height: 800,
    webPreferences: {
      nodeIntegration: true
    }
  })
  console.log("Window has been created")
  windowshown = true;
mainWindow.loadFile('configuration.html')
}
else {
  mainWindow.show(); 
  console.log("Window has been shown");
} 
  mainWindow.on('close', (event) => {
        event.preventDefault();
        console.log("Window has been hidden");
        mainWindow.hide();
    })
}

当我隐藏/显示它创建的窗口 4 次时，我的控制台如下所示：

called createwin
Window has been created
window has been hidden
called createwin
Window has been shown
window has been hidden
window has been hidden
called createwin
Window has been shown
window has been hidden
window has been hidden
window has been hidden
called createwin
window has been hidden
window has been hidden
window has been hidden
window has been hidden

第四次之后，它就停止响应。我什至做不到

      mainWindow.removeAllListeners('close');
      mainWindow.close()
      mainWindow = null
      app.quit();

我的问题是我的应用在第四次隐藏窗口后完全没有响应。

更新：如果我以 npm start 而不是 Visual Studio 代码的调试器开始，隐藏窗口后，应用程序将完全无响应。

我在这里错过了什么？

Answer 1

由于您在“关闭”事件中调用.close()，它进入递归模式并“永远”循环。我感觉.close() 方法只是一个事件触发器，你必须处理关闭过程，所以不要在事件中调用.close()，只保留空行。

示例：

  mainWindow.removeAllListeners('close');
  // mainWindow.close() delete this line
  mainWindow = null
  app.quit();

Answer 2

每当您调用createwin 时，您都会向close 事件添加一个新的事件侦听器。然后在关闭窗口时运行每个事件处理程序，从而导致重复的window has been hidden。

您只需要在创建新窗口时添加一次事件处理程序：

function createwin(){
    if (windowshown == false) {
        mainWindow = new BrowserWindow({
            width: 1000,
            height: 800,
            webPreferences: {
                nodeIntegration: true
            }
        })
        console.log("Window has been created")
        windowshown = true;
        mainWindow.loadFile('configuration.html')

        mainWindow.on('close', (event) => {
            event.preventDefault();
            console.log("Window has been hidden");
            mainWindow.hide();
        })
    }
    else {
        mainWindow.show();
        console.log("Window has been shown");
    }
}