Electron打包后XMLHttpRequest加载二进制数据异常求助

我之前也碰到过类似的Electron打包后二进制资源加载异常的情况，结合你的场景，大概率是打包过程中资源处理或路径配置的问题，给你几个针对性的排查和解决方向：

1. 确保*.awd文件被正确打包且未被篡改 #

electron-forge和electron-compile默认可能会对非标准格式的资源文件处理不当，比如遗漏打包、错误压缩或转码：

• 添加资源到打包配置：在你的forge.config.js中，通过packagerConfig.extraResource明确指定要包含的*.awd文件，避免被遗漏：

  module.exports = {
    packagerConfig: {
      extraResource: ['./src/assets/*.awd'] // 替换成你的实际路径
    }
  };
  

• 排除electron-compile的转译：在项目根目录的.compilerc文件中，添加排除规则，防止*.awd被错误转译：

  {
    "exclude": [
      "\\.awd$"
    ]
  }
  

• 验证打包产物：打包后打开生成的应用目录，确认*.awd文件存在且大小和开发环境一致。

2. 修正资源加载路径（开发/生产环境差异） #

开发环境下的相对路径在打包后可能失效，因为资源会被打包到app.asar或独立的资源目录中：

• 使用Electron提供的路径API构建绝对路径：

  const { app } = require('electron');
  const path = require('path');
  
  // 区分开发和生产环境的资源路径
  let awdFilePath;
  if (process.env.NODE_ENV === 'development') {
    awdFilePath = path.join(__dirname, '../assets/data.awd'); // 开发环境相对路径
  } else {
    // 生产环境：如果用extraResource打包，资源会在resources目录下
    awdFilePath = path.join(process.resourcesPath, 'assets/data.awd');
    // 如果是打包到asar内，用app.getAppPath()
    // awdFilePath = path.join(app.getAppPath(), 'assets/data.awd');
  }
  
  // 转换成file://协议的URL供XMLHttpRequest使用
  const awdUrl = `file://${awdFilePath.replace(/\\/g, '/')}`;
  

• 避免使用相对路径直接加载：打包后相对路径的基准可能和开发时不同，绝对路径能避免这个问题。

3. 替换XMLHttpRequest为Fetch API（排除API本身的问题） #

虽然你设置了responseType: 'arraybuffer'，但某些情况下XMLHttpRequest在打包后的环境中可能存在隐性问题，尝试用Fetch API替代：

fetch(awdUrl)
  .then(response => {
    if (!response.ok) {
      throw new Error(`请求失败：${response.status}`);
    }
    return response.arrayBuffer();
  })
  .then(buffer => {
    console.log(`加载的二进制数据大小：${buffer.byteLength}`);
    // 这里处理你的*.awd数据解析逻辑
  })
  .catch(err => console.error('加载二进制数据出错：', err));

这样可以更直观地看到请求状态和数据大小，方便排查问题。

4. 排除ffi-napi的潜在干扰（低概率但可验证） #

虽然开发时正常，但打包后ffi-napi的二进制模块可能和渲染进程上下文有冲突？你可以尝试：

• 把加载二进制数据的代码和ffi调用逻辑分开执行，确认是否是两者的交互导致问题；
• 检查打包后ffi-napi模块是否正常加载（比如在主进程打印require('ffi-napi')是否报错）。

先从资源打包配置和路径修正这两个方向入手，这是Electron打包后资源加载异常最常见的原因。

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