Electron项目中chrome-remote-interface调用CDP函数报错求助

核心问题定位 #

从描述来看，核心原因是打包后的asar文件中缺失chrome-remote-interface的lib目录文件，导致主进程的Node.js环境无法正确加载模块导出的函数；而渲染进程因为模块被打包进了bundle（而非直接读取node_modules文件），所以能正常获取CDP对象。

具体解决方案 #

1. 强制打包工具包含依赖文件 #

多数Electron打包工具（如electron-builder）默认会通过tree-shaking或文件过滤排除部分依赖文件，需要手动配置确保chrome-remote-interface的完整文件被包含：
在项目根目录的package.json中添加或修改build配置：

{
  "build": {
    "asar": true,
    "files": [
      "**/*",
      "node_modules/chrome-remote-interface/**/*"
    ]
  }
}

2. 将依赖从asar中解压（推荐） #

asar是只读归档格式，部分Node.js模块在加载时需要读取文件内容或执行子文件，此时需要让Electron自动解压该依赖：
在package.json的build配置中添加asarUnpack字段：

{
  "build": {
    "asar": true,
    "asarUnpack": [
      "node_modules/chrome-remote-interface/**/*"
    ]
  }
}

打包后，chrome-remote-interface的文件会被单独放在asar包外的app.asar.unpacked目录下，主进程可以正常读取。

3. 修改模块导入路径 #

直接导入模块的核心入口文件，绕开可能的导出兼容问题：

// 替换原导入语句
const CDP = require('chrome-remote-interface/lib/cdp');
// 或ES模块语法
import CDP from 'chrome-remote-interface/lib/cdp';

4. 排查版本与权限问题 #

• 锁定chrome-remote-interface版本：在package.json中使用固定版本号（而非^或~），避免远程机器安装的版本与本地不一致
• 检查远程机器权限：确保Electron进程有读取app.asar及unpacked目录的权限

验证步骤 #

1. 重新打包项目，解压asar包（使用npx asar extract app.asar ./test），检查是否存在node_modules/chrome-remote-interface/lib目录
2. 在远程机器上运行时，查看应用目录下是否生成app.asar.unpacked/node_modules/chrome-remote-interface目录
3. 测试主进程中调用CDP()和CDP.List()是否正常

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