Electron应用退出按钮无响应问题求助

核心错误修正 #

你的render.js中ipcRenderer的引入写法错误，导致无法正常发送IPC消息：

// 错误写法
const {ipcRenderer} = require('electron').ipcRenderer;

// 正确写法
const { ipcRenderer } = require('electron');

完善后的render.js代码 #

同时建议确保DOM完全加载后再绑定事件，避免因元素未初始化导致的获取失败：

const { ipcRenderer } = require('electron');

document.addEventListener('DOMContentLoaded', () => {
    const closeApp = document.getElementById('closeApp');
    if (closeApp) {
        closeApp.addEventListener('click', () => {
            ipcRenderer.send('quitApp');
        });
    }
});

额外兼容性检查（Electron 12+） #

如果使用的是Electron 12及以上版本，默认会开启contextIsolation并关闭nodeIntegration，这会导致渲染进程无法直接引入electron模块。需要在创建BrowserWindow时修改配置：

// main.js中创建窗口的代码
const mainWindow = new BrowserWindow({
    width: 800,
    height: 600,
    webPreferences: {
        nodeIntegration: true,
        contextIsolation: false
    }
});

// 加载index.html
mainWindow.loadURL(url.format({
    pathname: path.join(__dirname, 'index.html'),
    protocol: 'file:',
    slashes: true
}));

验证点 #

1. 确认main.js中的ipcMain.on('quitApp')监听代码确实在BrowserWindow初始化之后执行
2. 检查index.html中脚本路径./scripts/render.js是否正确，确保文件存在且路径无误

内容的提问来源于stack exchange，提问作者proshanto-c