Electron打包后无法导入自定义JS模块的问题咨询

我来帮你搞定这个问题！你遇到的情况非常典型——开发环境下直接运行一切正常，但用electron-builder打包后就找不到./js/loggConfig.js模块，核心原因是打包前后的文件路径结构和解析规则发生了变化，下面是具体的解决步骤：

1. 用绝对路径替代相对路径（最稳妥的方案） #

开发时相对路径能正常工作，是因为Node.js的模块解析基于当前工作目录，但打包后应用的运行目录和主进程文件的实际位置可能不一致。你可以用__dirname（主进程文件所在的绝对目录）结合path.join来构建绝对路径，确保无论打包前后都能正确找到文件：

把原来的代码：

let logConfig = require('./js/loggConfig.js');

改成：

const path = require('path');
let logConfig = require(path.join(__dirname, './js/loggConfig.js'));

2. 确保文件被包含到打包产物中 #

如果你的js目录没有被electron-builder自动打包进去，也会导致找不到模块。你需要在package.json的build配置里添加extraResources，指定要额外打包的文件/目录：

修改package.json中的build字段：

"build": {
  "appId": "yourappid",
  "dmg": {
    "contents": [
      { "x": 110, "y": 150 },
      { "x": 240, "y": 150, "type": "link", "path": "/Applications" }
    ]
  },
  "linux": {
    "target": [ "AppImage", "deb" ],
    "category": "Video"
  },
  "win": {
    "target": "NSIS",
    "icon": "build/icon.ico",
    "extraResources": [
      "./js/**/*"  // 把整个js目录都打包进去
    ]
  }
}

添加后，electron-builder会把js目录复制到打包后的resources文件夹下，这时候如果用process.resourcesPath来引用也是可行的：

let logConfig = require(path.join(process.resourcesPath, './js/loggConfig.js'));

3. 额外检查点 #

• 先确认文件名拼写：你的代码里是loggConfig.js（两个g），检查实际文件是不是这个名字，别因为拼写错误导致找不到！
• 清理缓存后重新打包：删除项目根目录下的dist文件夹和node_modules/.cache目录，再运行npm run dist，避免旧缓存干扰。

按照上面的步骤操作，应该就能解决Windows下打包后找不到模块的问题了。

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