VSCode调试Angular应用反复失效，按官方流程配置仍无法正常命中断点

已完成的操作流程 #

全程严格对照VSCode官方Angular调试指引完成了全部配置操作，具体步骤如下：

• 通过ng new my-app命令创建全新的Angular应用
• 在VSCode中打开该应用项目
• 独立执行ng serve命令验证应用运行状态：应用可正常启动、无访问报错
• 安装Debugger for Chrome扩展
• 按照文档说明在项目.vscode/launch.json中添加对应的调试配置
• 按下F5启动调试流程

当前遇到的核心问题 #

按照文档描述，调试启动后应当自动唤起应用页面、命中预先设置的代码断点，但实际操作时触发了启动异常：

目前完全无法定位问题根源，恳请提供可行的排查建议。 #

待确认的配置疑问 #

为什么调试Angular需要额外安装Debugger for Chrome这个第三方扩展？实际观察发现VSCode已经内置了功能完全一致的调试模块，两者的功能界面对比如下：

曾尝试禁用上述第三方扩展，直接使用VSCode内置调试器启动调试，同样无法正常工作，对应的运行异常截图如下：
#

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