Electron Builder：Windows生产可执行文件的loadURL加载问题

首先明确：完全不需要设置"asar": false，asar打包是Electron官方推荐的方式，它能提升应用启动速度、减少安装包体积，还能保护你的代码不被轻易篡改。下面给你两种可靠的解决方法，以及必须注意的配置细节：

方法一：用app.getAppPath()获取稳定的应用根路径 #

打包后__dirname指向asar包内部路径是正常现象，我们可以用Electron提供的app.getAppPath()方法，它能自动识别开发/生产环境，精准指向应用的根目录：

修改你的createWindow函数代码：

const { app, BrowserWindow } = require('electron');
const path = require('path');
const url = require('url');

function createWindow() {
  win = new BrowserWindow({ 
    width: 800, 
    height: 600, 
    webPreferences: { 
      nodeIntegration: true 
    } 
  });

  // 自动适配开发/打包环境的根路径
  const appRoot = app.getAppPath();
  const indexPath = path.join(appRoot, 'dist', 'index.html');

  win.loadURL(url.format({
    pathname: indexPath,
    protocol: 'file:',
    slashes: true
  }));
}

方法二：直接拼接file://协议路径 #

如果你觉得上面的写法有点繁琐，也可以直接生成file协议的URL，代码更简洁：

function createWindow() {
  win = new BrowserWindow({ 
    width: 800, 
    height: 600, 
    webPreferences: { 
      nodeIntegration: true 
    } 
  });

  const indexPath = path.join(__dirname, 'dist', 'index.html');
  // 直接转成file协议地址，Electron会自动处理asar内部文件访问
  win.loadURL(`file://${indexPath}`);
}

关键配置检查：确保dist目录被打包 #

除了代码修改，一定要确认electron-builder.json里配置了files字段，保证Angular打包后的dist目录被包含到安装包中：

{
  "win": { 
    "icon": "dist/app/assets/icons", 
    "target": ["portable"] 
  },
  "files": [
    "dist/**/*",
    "main.js",
    "package.json"
  ]
}

这个配置告诉electron-builder要把dist下的所有文件、主进程代码和package.json都打包进去，否则即使代码逻辑正确，打包后的应用也找不到dist目录。

为什么不建议关闭asar？ #

关闭asar后，你的应用所有源代码和资源文件都会以明文形式暴露在安装目录里，不仅容易被他人篡改、盗取代码，还会因为文件数量过多导致应用启动速度变慢，完全得不偿失。

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