Electron打包exe后报错找不到@electron/remote/main模块怎么办？

问题1：打包exe后找不到@electron/remote/main模块 #

原因 #

打包工具（如electron-builder）未将@electron/remote依赖正确打包进产物，或依赖被错误标记为开发依赖而非生产依赖。

解决步骤 #

1. 修正依赖安装类型
   重新安装依赖时使用--save参数，确保其被标记为生产依赖：

   npm install @electron/remote --save
   

2. 配置打包工具强制包含该依赖
   若使用electron-builder，在package.json的build字段中添加files配置：

   "build": {
     "files": [
       "node_modules/@electron/remote/**/*"
     ]
   }
   

3. 规范主进程remote初始化代码
   确保在app.whenReady()之后初始化remote，并为目标窗口启用remote功能：

   const { app, BrowserWindow } = require('electron');
   const remoteMain = require('@electron/remote/main');
   
   app.whenReady().then(() => {
     remoteMain.initialize();
     const mainWindow = new BrowserWindow({
       webPreferences: {
         contextIsolation: false,
         nodeIntegration: true
       }
     });
     remoteMain.enable(mainWindow.webContents);
     mainWindow.loadFile('index.html');
   });
   

问题2：改用ipcMain后应用冻结、按钮无响应 #

原因 #

主进程的ipc回调中存在阻塞事件循环的同步操作，或使用了同步通信方式导致界面线程被卡死。

解决步骤 #

1. 移除同步阻塞操作
   所有ipcMain回调必须使用异步逻辑，禁止在回调内执行同步耗时任务：

   // 错误写法（同步阻塞）
   ipcMain.on('minimize-window', () => {
     fs.readFileSync('large-file.txt');
     mainWindow.minimize();
   });
   
   // 正确写法（异步非阻塞）
   ipcMain.on('minimize-window', async () => {
     await fs.promises.readFile('large-file.txt');
     mainWindow.minimize();
   });
   

2. 使用异步通信API
   优先用ipcRenderer.invoke和ipcMain.handle实现异步通信，替代同步的sendSync：

   • 主进程代码：

     const { ipcMain } = require('electron');
     
     ipcMain.handle('create-subwindow', async (event, windowOpts) => {
       const subWindow = new BrowserWindow(windowOpts);
       await subWindow.loadFile('subwindow.html');
       return '子窗口创建成功';
     });
     

   • 渲染进程代码：

     const { ipcRenderer } = require('electron');
     
     async function createSubWindow() {
       try {
         const result = await ipcRenderer.invoke('create-subwindow', { width: 800, height: 600 });
         console.log(result);
       } catch (err) {
         console.error('创建子窗口失败:', err);
       }
     }
     

3. 清理窗口引用避免内存泄漏
   子窗口关闭时释放引用，防止无效实例占用资源：

   const subWindow = new BrowserWindow(windowOpts);
   subWindow.on('closed', () => {
     subWindow = null;
   });
   

4. 确保窗口操作在事件循环内执行
   若在第三方库回调中操作窗口，用setImmediate包裹避免阻塞：

   someThirdPartyLib.on('event', () => {
     setImmediate(() => {
       mainWindow.minimize();
     });
   });
   

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