Webpack5下Electron项目引入youtube-dl-exec报signals未定义如何解决

你遇到的Cannot read property 'signals' of undefined报错核心原因如下：

• youtube-dl-exec底层强依赖Node原生child_process模块调用youtube-dl二进制，你在webpack配置中将child_process的fallback设为false，相当于打包时直接把该模块替换为空对象，运行时访问空对象的signals属性自然触发报错。
• 你当前的适配思路存在偏差：youtube-dl-exec本身是Node.js端工具，不需要也不能用浏览器端polyfill适配，正确做法是利用Electron的主进程能力运行该工具。

推荐方案（无安全风险，符合Electron开发规范） #

将youtube-dl-exec的所有调用逻辑移到Electron主进程执行：

1. 主进程本身就是完整Node.js环境，不需要任何polyfill配置，直接安装youtube-dl-exec到生产依赖后引入即可正常调用。
2. 渲染进程需要触发下载、获取信息等操作时，通过Electron内置的IPC通道（ipcRenderer.send/ipcMain.on）向主进程发送请求，主进程执行完成后再把结果回传给渲染进程。
3. 只需移除之前新增的"fs": false、"child_process": false配置即可，无需修改其余现有webpack配置。

临时方案（仅适合纯本地自用应用，存在安全风险） #

如果必须在渲染进程直接调用youtube-dl-exec，按以下步骤修改：

1. 移除webpack配置中resolve.fallback下的"fs": false、"child_process": false配置，新增externals配置，将Node核心模块和youtube-dl-exec标记为外部依赖，不参与webpack打包：

// webpack.config.base.js 新增配置
externals: {
  'youtube-dl-exec': 'commonjs2 youtube-dl-exec',
  'fs': 'commonjs2 fs',
  'child_process': 'commonjs2 child_process'
}

2. 开启渲染进程的Node.js集成，关闭上下文隔离（会导致安全风险，禁止加载任何远程页面时使用）：

// 主进程创建BrowserWindow时修改webPreferences配置
new BrowserWindow({
  // 其余窗口配置不变
  webPreferences: {
    nodeIntegration: true,
    contextIsolation: false
  }
})

electron-react-boilerplate默认已经拆分了主进程和渲染进程的webpack配置，你只需要保证主进程的webpack配置target为electron-main，即可直接在主进程使用所有Node核心模块，无需额外配置，也不会触发任何模块缺失报错。

内容的提问来源于stack exchange，提问作者el solo lobo