Electron中关闭BrowserWindow后事件监听器仍引用该窗口的问题

兄弟，你的问题根源其实很明显：每次触发open-new-window事件时，你都在给ipcMain重复绑定done-loading的监听器。第一次打开窗口时没问题，但第二次打开时，之前绑定的旧监听器还存在，当新窗口触发done-loading时，所有旧的监听器都会执行——而那些旧监听器里的newWindow早就因为窗口关闭变成null或者已销毁的实例了，自然会抛出“进程已销毁无法发送数据”的错误；如果旧窗口的实例没被彻底清理，还会出现复用旧数据的情况。

给你两个直接有效的解决方案，先看修改后的代码：

方案一：给每个新窗口绑定一次性的加载完成监听 #

直接在openNewWindow函数里，给窗口的webContents绑定did-finish-load事件，用once确保监听器只执行一次，逻辑更简洁：

// main.js 修改后的代码
const electron = require("electron");
const ipcMain = electron.ipcMain;
const app = electron.app;
const BrowserWindow = electron.BrowserWindow;

function openNewWindow(dataToSend) {
  let win = new BrowserWindow({ autoHideMenuBar: true });
  win.loadURL(__dirname + '\\new_window.html');
  win.webContents.openDevTools()

  // 监听窗口加载完成，只执行一次
  win.webContents.once('did-finish-load', () => {
    // 直接给当前窗口发送数据
    win.webContents.send('test', dataToSend);
  });

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

let mainWindow;

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

app.on('ready', function () {
  mainWindow = new BrowserWindow({
    title: app.getName() + " - v" + app.getVersion(),
    autoHideMenuBar: true
  });
  mainWindow.loadURL('file://' + __dirname + '/index.html');

  // 只绑定一次open-new-window监听器
  ipcMain.on('open-new-window', (event, arg) => {
    console.log('Arg = ' + arg);
    // 把要发送的数据传给openNewWindow函数
    openNewWindow(arg);
  });

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

方案二：全局监听但绑定一次性监听器并校验窗口状态 #

如果你坚持要用前端主动发送done-loading的IPC事件，可以改成给每个窗口绑定一次性的全局监听器，同时校验窗口状态：

// main.js 另一种写法
app.on('ready', function () {
  // ... 其他初始化代码省略 ...

  ipcMain.on('open-new-window', (event, arg) => {
    console.log('Arg = ' + arg);
    let newWindow = openNewWindow();

    // 用once绑定一次性监听器，避免重复绑定
    ipcMain.once('done-loading', (event2, arg2) => {
      console.log(arg2);
      // 发送数据前先校验窗口是否存活
      if (newWindow && !newWindow.isDestroyed()) {
        newWindow.webContents.send('test', arg);
      }
    });
  });

  // ... 其他代码省略 ...
});

补充前端代码（new_window.html） #

如果用方案二，前端需要在页面加载完成后主动发送done-loading事件：

<!-- new_window.html -->
<script>
const { ipcRenderer } = require('electron');

// 页面加载完成后通知主进程
window.addEventListener('load', () => {
  ipcRenderer.send('done-loading', '窗口加载完成');
});

// 接收主进程传来的数据并执行任务
ipcRenderer.on('test', (event, data) => {
  console.log('收到主进程数据:', data);
  // 这里写你的任务逻辑
});
</script>

关键修改点说明 #

• 避免重复绑定全局IPC监听器：不要在open-new-window的回调里反复绑定done-loading，要么用once绑定一次性监听器，要么把监听逻辑绑定到单个窗口的webContents上，确保每个窗口的事件独立不干扰。
• 校验窗口状态：发送数据前先判断窗口是否存在、是否未销毁，彻底避免向已关闭的窗口发送消息的错误。
• 数据传递更直接：把要发送的数据直接传给创建窗口的函数，不需要依赖全局变量或者多次IPC中转，逻辑更清晰可控。

这样修改后，每次打开的新窗口都会是全新实例，数据也能准确发送到对应的窗口，不会再出现旧数据复用或者发送失败的问题了。

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