我来帮你搞定这两个Electron应用的Win7白屏问题——其实这俩场景的核心原因都是Windows 7的兼容性限制，下面分情况给你具体的解决步骤：

场景1：Electron-Angular9应用Win7白屏，Win8正常 #

• 降级Electron到Win7兼容版本：Electron从12.x版本开始彻底放弃了Windows 7支持，如果你Angular9项目里用的是12及以上的Electron，那Win7必然会出问题。建议降级到Electron 11.x系列，比如11.5.0，这个版本还保留Win7适配，执行命令：
  npm install electron@11.5.0 --save-dev
• 安装Win7必备运行库：Windows 7默认缺少Microsoft Visual C++ Redistributable for Visual Studio 2015-2019，很多Electron应用的渲染进程依赖这个库，缺失会直接导致白屏。去微软官网下载对应版本的运行库安装即可。
• 调整Angular构建为ES5兼容：Win7的系统内核对ES6+语法支持有限，你需要在angular.json里把构建目标改为es5，确保代码能在Win7的环境下运行：

  "architect": {
    "build": {
      "options": {
        "target": "es5",
        // 其他配置保持不变
      }
    }
  }
  

场景2：electron-builder构建的应用Win7白屏，Win8正常 #

• 锁定兼容Win7的Electron版本：在package.json里明确指定Electron为11.x或更低版本，同时搭配对应的electron-builder版本（比如22.x系列，和Electron 11兼容更好）：

  "devDependencies": {
    "electron": "^11.5.0",
    "electron-builder": "^22.10.5"
  }
  

• 修改electron-builder构建配置：在package.json的build字段里添加Win7适配参数，确保必要的依赖文件被打包进去：

  "build": {
    "win": {
      "target": "nsis",
      "extraResources": [
        {
          "from": "node_modules/electron/dist/",
          "to": ".",
          "filter": ["*.dll"]
        }
      ],
      "asarUnpack": ["**/*.node"]
    }
  }
  

• 检查安装包的依赖文件：手动确认安装后的应用目录里是否有vcruntime140.dll这类关键DLL，如果没有，要么通过上面的extraResources配置自动打包，要么手动复制到应用根目录。

通用排查小技巧 #

• 开启调试模式看报错：在Win7上启动应用时加上--remote-debugging-port=9222参数，然后用Chrome访问localhost:9222，查看渲染进程的控制台报错，这能帮你快速定位具体问题（比如某个ES6语法不支持，或者依赖缺失）。
• 监听渲染进程崩溃事件：在主进程里加一段代码，捕捉渲染进程的崩溃日志，方便排查：

  const { app, BrowserWindow } = require('electron');
  app.on('renderer-process-crashed', (event, webContents, killed) => {
    console.log(`渲染进程崩溃：页面地址${webContents.getURL()}，是否被强制终止：${killed}`);
  });
  

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