Electron Forge打包应用运行时提示无法找到electron-fetch模块求助

问题原因 #

• 你在渲染进程通过remote.require动态引入electron-fetch，Webpack做静态依赖分析时无法识别这类动态引入逻辑，不会将electron-fetch纳入主进程的打包依赖列表。开发环境下本地node_modules存在该依赖所以可以正常调用，打包后生产环境的依赖包中没有包含electron-fetch，就会触发模块找不到的报错。报错信息里的Require stack指向主进程的index.js，也验证了是主进程加载依赖时找不到对应模块，和动态引入未被Webpack识别的问题匹配。
• 若electron-fetch被安装在devDependencies中，Electron Forge打包默认不会将开发依赖拷贝到最终产物的依赖目录，也会触发该报错。

解决办法 #

• 先检查依赖安装位置，执行yarn add electron-fetch将依赖安装到生产依赖dependencies中，不要使用-D参数安装为开发依赖。
• 修改Electron Forge对应的Webpack主进程配置，将electron-fetch加入外部依赖列表，示例配置如下：

// webpack.main.config.js
module.exports = {
  // 其余原有配置保持不变
  externals: ['electron-fetch']
}

该配置会告诉Webpack不要打包electron-fetch模块，运行时直接从外部依赖目录加载。

• （更推荐）放弃使用remote模块引入electron-fetch，将网络请求逻辑封装在主进程中，通过IPC通道让渲染进程触发请求、接收返回结果。remote模块本身存在性能差、安全风险高的问题，Electron后续版本也已经默认禁用该模块，改用IPC通信的方案更符合Electron的最佳实践，也能从根源避免动态依赖的打包问题。
• 如果你的场景不需要在主进程上下文发起请求，直接使用渲染进程原生支持的fetch API即可，不需要额外引入electron-fetch依赖。

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