Electron 5.0.1无边框子窗口关闭问题：点击自定义按钮无响应

在Electron 5.x版本里遇到这个问题挺常见的，我帮你分析下可能的原因和几种可行的解决办法：

1. 修复原代码：开启Remote模块权限 #

从Electron 5.0开始，remote模块默认在渲染进程中是禁用的，同时nodeIntegration也默认关闭了。这会导致你在渲染进程里调用remote.getCurrentWindow()时无法正常获取窗口对象，而且因为权限问题可能不会抛出明显错误。

要修复这个，你需要在主进程创建子窗口时，显式开启这两个配置：

// 主进程代码
const { BrowserWindow } = require('electron');

// 创建无边框子窗口
const childWindow = new BrowserWindow({
  frame: false, // 无边框设置
  webPreferences: {
    enableRemoteModule: true, // 必须开启才能使用remote模块
    nodeIntegration: true // 开启Node.js集成，让渲染进程能require模块
  }
});

childWindow.loadFile('path/to/your-child-window.html');

另外，确保你的事件绑定是在DOM加载完成后执行的，避免获取不到closeBtn元素：

// 渲染进程代码（子窗口页面）
document.addEventListener('DOMContentLoaded', () => {
  const closeBtn = document.getElementById('closeBtn');
  closeBtn.addEventListener('click', () => {
    const { remote } = require('electron');
    const currentWindow = remote.getCurrentWindow();
    currentWindow.close();
  });
});

2. 更推荐的方式：使用IPC通信（替代Remote模块） #

remote模块在后续Electron版本中已经被标记为废弃，用IPC（进程间通信）的方式不仅更安全，也更兼容未来版本。具体步骤如下：

主进程代码： #

const { ipcMain, BrowserWindow } = require('electron');

// 保存子窗口引用，确保能访问到
let childWindow;

// 创建子窗口的逻辑
function createChildWindow() {
  childWindow = new BrowserWindow({
    frame: false,
    webPreferences: {
      nodeIntegration: true, // 同样需要开启Node集成
      contextIsolation: false // Electron 5.x中contextIsolation默认是false，高版本需要手动设置
    }
  });
  childWindow.loadFile('path/to/your-child-window.html');
}

// 监听渲染进程发来的关闭请求
ipcMain.on('trigger-close-child-window', () => {
  if (childWindow && !childWindow.isDestroyed()) {
    childWindow.close();
  }
});

渲染进程代码（子窗口页面）： #

document.addEventListener('DOMContentLoaded', () => {
  const closeBtn = document.getElementById('closeBtn');
  const { ipcRenderer } = require('electron');
  
  closeBtn.addEventListener('click', () => {
    // 发送关闭请求到主进程
    ipcRenderer.send('trigger-close-child-window');
  });
});

3. 额外检查点 #

• 确认closeBtn的ID在HTML中是正确的，没有拼写错误；
• 如果你的子窗口是模态窗口或者有特殊的窗口层级，确保close()方法调用时窗口处于可操作状态；
• 可以在点击事件里加个console.log测试是否触发了事件，排查是事件没绑定还是窗口关闭逻辑有问题。

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