如何在 VS Code / Test Explorer UI 中调试 Angular 10 测试？答案

【问题标题】：How to debug Angular 10 tests in VS Code / Test Explorer UI?如何在 VS Code / Test Explorer UI 中调试 Angular 10 测试？
【发布时间】：2021-09-03 20:45:25
【问题描述】：

我有以下设置：

VS Code 1.53.3    
Test Explorer UI (2.20.3)    
Angular/Karma Test Explorer (1.2.8)

当我创建一个新的 Angular 12 应用程序时，我可以使用测试资源管理器 UI 插件从 VS Code 中调试测试。

当我创建一个新的 Angular 10 应用程序时，调试器不会遇到断点。断点显示为灰色，并显示“未绑定断点”消息。

我需要做什么才能在 VS Code 中调试 Angular 10 应用程序？

【问题讨论】：

下载Debugger for chrome扩展。它将帮助您在 VS 代码中进行调试。
我有“Debugger for Chrome”扩展。 Angular 10 和 12 之间有一些区别...

标签： angular karma-runner

【解决方案1】：

解决方案是更改 Angular/Karma 测试资源管理器扩展中的配置，如 here 所述。

令人困惑的是，在 Angular 12 中不需要更改（开箱即用）Angular 10 需要更改的地方。

如果有人能解释为什么那会很棒。

【讨论】：