VS Code使用pwa-chrome启动调试器时Chrome空白加载，如何排查？

最终解决方案 #

将VS Code升级至1.76.2版本，微软已在此版本中修复该复合调试导致的浏览器加载异常bug。

环境与原有配置 #

• VS Code版本：1.65.2
• 前端框架：Angular 15.1.2
• 后端框架：.NET 6.0
• 长期使用的复合调试launch.json配置：

"compounds": [{
  "name": "Server/ClientChrome",
  "configurations": [".NET6 Launch (no web)", "Launch Pwa-Chrome"]
}],
"configurations": [{
    "name": "Launch Pwa-Chrome",
    "type": "pwa-chrome",
    "request": "launch",
    "url": "https://localhost:4200",
    "webRoot": "${workspaceFolder}/client"
  },
  {
    "name": ".NET6 Launch (no web)",
    "type": "coreclr",
    "request": "launch",
    "preLaunchTask": "build",
    "program": "${workspaceFolder}/API/bin/Debug/net6.0/API.dll",
    "args": [],
    "cwd": "${workspaceFolder}/API",
    "stopAtEntry": false,
    "env": {
      "ASPNETCORE_ENVIRONMENT": "Development"
    },
    "sourceFileMap": {
      "/Views": "${workspaceFolder}/Views"
    }
  },
]

问题现象 #

修改多个前端组件、服务文件及后端控制器后，通过上述复合配置启动调试时出现异常：

• Chrome打开后显示空白白屏，标签页图标持续加载转圈
• 无法右键打开Chrome调试工具
• VS Code调试控制台无任何错误提示

补充说明 #

单独运行ng serve可正常访问https://localhost:4200；单独运行dotnet run可正常访问https://localhost:5001，仅通过VS Code复合配置同时启动两者时出现问题。

已尝试的无效排查操作 #

• 重启VS Code和ng server
• 重启电脑
• 切换使用pwa-msedge作为调试浏览器，问题依旧
• 清除Chrome所有缓存数据
• 卸载可能干扰的广告拦截器
• 运行ng build和dotnet build均无编译错误
• 等待Chrome加载超过1分钟，页面仍无响应
• 运行ng lint时收到错误（此前未使用过该命令）：

An unhandled exception occurred: Cannot find builder "@angular-devkit/build-angular:tslint".
See "/private/var/folders/l6/zz0rl4793838rf924b4y0tqc0000gn/T/ng-bVaXzT/angular-errors.log" for further details.

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