Electron Router TypeError错误求助：解决废弃remote模块引发的问题

问题原因 #

你遇到的TypeError: Cannot read properties of undefined错误，本质是electron-router（包括0.4.1和0.5.1版本）仍在使用Electron v14+已废弃的remote模块，而Electron 28.2.3已经彻底移除了该模块的默认支持，导致代码中remote变量未定义，调用remote.hasOwnProperty('getCurrentWindow')时抛出错误。

可行解决方案 #

1. 临时patch修复依赖（推荐） #

用patch-package修改electron-router的源码，替换废弃的remote模块逻辑：

• 安装patch-package：

  npm install patch-package --save-dev
  

• 找到node_modules/electron-router/src/router.js第155行左右的代码，将：

  return remote.hasOwnProperty('getCurrentWindow')
  

  替换为基于Electron原生进程判断的逻辑：

  // 直接通过process.type判断进程类型，无需remote模块
  return process.type === 'renderer';
  

• 运行命令生成补丁：

  npx patch-package electron-router
  

  之后项目安装依赖时，补丁会自动应用，无需重复修改。

2. 启用remote模块兼容（不推荐，有安全风险） #

通过@electron/remote模块恢复兼容，但需要关闭上下文隔离，存在安全隐患：

• 安装兼容包：

  npm install @electron/remote
  

• 在主进程中初始化并启用：

  const { app, BrowserWindow } = require('electron');
  const remoteMain = require('@electron/remote/main');
  
  remoteMain.initialize();
  
  app.whenReady().then(() => {
    const mainWindow = new BrowserWindow({
      webPreferences: {
        nodeIntegration: true,
        contextIsolation: false // 关闭上下文隔离会暴露Node.js API给渲染进程，有安全风险
      }
    });
    remoteMain.enable(mainWindow.webContents);
  });
  

3. 替换为无React依赖的路由方案 #

不需要使用react-router-dom（会引入React依赖，不适合非React项目），可以选择：

• 纯JS实现简单路由：监听渲染进程的hash变化，结合BrowserWindow.loadURL或loadFile切换页面；
• 使用专门的Electron路由库：比如electron-router-dom（注意不是react-router-dom，该库无需React依赖），或者electron-page-router。

关于react-router-dom的疑问 #

你的项目未使用React，安装react-router-dom会强制引入React核心依赖，不仅增加包体积，还会因为缺少React运行环境导致代码报错，绝对不建议这么做。

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