打包Electron应用时出现Uncaught Error: Cannot find module问题求助

首先得明确：electron-packager 默认只会打包你当前应用目录下的 node_modules，它不会自动识别系统根目录（比如你这里的C:\node_modules）里的依赖，这就是打包后报错的核心原因。

为什么 npm start 正常，打包后不行？ #

当你用npm start运行Electron应用时，Node.js的模块查找机制会逐层向上遍历目录，直到找到node_modules文件夹——所以它能找到根目录下的依赖。但electron-packager打包时，会把你的应用代码打包成一个独立的asar包（默认行为），在这个包内部运行时，Node.js不会去遍历外部的系统目录找依赖，只会在asar包内部或者你明确指定的路径里查找。

解决方案 #

根据你的使用场景（想让所有应用共用根目录的node_modules），可以试试下面几种方法：

1. 配置 NODE_PATH 环境变量

在你的Electron主进程文件（比如main.js）开头添加以下代码，告诉Node.js去根目录的node_modules找依赖：

const path = require('path');
// 设置NODE_PATH为根目录的node_modules路径
process.env.NODE_PATH = path.join('C:', 'node_modules');
// 重新初始化模块查找路径
require('module').Module._initPaths();

这样打包后的应用会按照你指定的路径去查找依赖，但要注意：用户的机器上必须存在C:\node_modules这个路径，否则还是会报错，适合内部统一环境的场景。

2. 用 --extra-resource 参数打包外部依赖

如果你希望应用能独立分发（不需要用户机器有根目录的node_modules），可以用electron-packager的--extra-resource参数，把需要的依赖复制到打包后的应用资源目录里：

electron-packager . YourAppName --extra-resource=C:\node_modules\jquery

然后在渲染进程里调整require的路径，指向打包后的资源目录：

const path = require('path');
// process.resourcesPath是Electron应用的资源目录路径
const jqueryPath = path.join(process.resourcesPath, 'jquery');
window.$ = window.jQuery = require(jqueryPath);

这种方式会把jquery打包进应用，保证运行环境的独立性。

3. 使用npm link（适合开发阶段）

在每个应用的目录下执行：

npm link jquery

这会在应用本地的node_modules里生成一个指向C:\node_modules\jquery的软链接。electron-packager默认会跟随软链接打包真实的依赖文件，这样打包后的应用也能正常找到jquery。不过这种方式需要每个应用都执行一次link操作，适合开发阶段复用依赖。

总结 #

如果是内部共享环境，配置NODE_PATH最方便；如果要分发应用，推荐用--extra-resource把依赖打包进应用，避免依赖用户的系统环境。

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