在 VS Code 中使用 pwa-chrome 启动调试器时，出现空白 Chrome 屏幕，并带有持久加载旋转器。我该如何调试这个？

Question

解决方案 - 23 年 3 月 15 日- 将 VS Code 更新到 1.76.2。MS 在此版本中修复了此错误。

我正在使用 VS Code (v1.65.2)，我的 Angular (15.1.2) 项目是客户端，我的 .Net (6.0) 应用程序是服务器端，当我启动 VS Code 调试器时，我运行我的启动复合，如下所示并且已经这样做了两年多了：

"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 的调试控制台中没有看到任何错误。

仅供参考- 如果 ngserve 正在运行，我可以点击 localhost:4200 并查看该站点，如果我从服务器端运行该站点 (>dotnet run)，我可以访问该站点并在 localhost:5001 处查看它。

问题- 但如果我使用上面的复合方法从 launch.json 文件运行这两个文件，Chrome 浏览器就会打开，图标周围的旋转器就会继续旋转。我什至无法打开调试窗口。

我想我可能处于某种奇怪的状态，所以我尝试了以下所有这些，但没有成功。

1. 重新启动 VS Code 并重新启动 ng 服务器
2. 重新启动了我的电脑
3. 尝试使用 pwa-msedge 启动 VS Code 调试器（浏览器打开到相同的空白屏幕并加载，但没有显示任何内容）
4. 清除 Chrome 缓存中的所有项目
5. 卸载任何可能导致此问题的广告拦截器
6. 运行 >ng build 和 >dotnet build 没有错误
7. 让 Chrome 窗口保持打开状态 1 分钟以上，看看它是否最终会加载
8. Ran >ng lint，我从未使用过它，并收到以下消息：

发生未处理的异常：找不到构建器“@Angular-devkit/build-Angular:tslint”。有关更多详细信息，请参阅“/private/var/folders/l6/zz0rl4793838rf924b4y0tqc0000gn/T/ng-bVaXzT/angular-errors.log”。

我的问题以前从未发生过，我猜测它可能与我更改的某些 Angular 文件有关，但我在源代码管理部分中没有看到任何可能导致此问题的已更改的配置或 json 文件。

问题- 有人对如何调试此问题以确定为什么当我启动调试器时网站无法正确加载有任何想法吗？

更新- 23 年 3 月 15 日将 VS Code 更新到 1.76.2 修复了此问题。MS 今天早上刚刚发布了这个版本来修复这个错误。

Answer 1

在 VS Code 1.76.1 中看到类似的情况。如果在任何地方设置了断点，则应用程序不会在调试模式下加载。清除断点和应用程序加载。此处提交的错误：https ://github.com/microsoft/vscode/issues/177092