如何在 vs2019 或 vscode 中调试 Angular SPA答案

【问题标题】：How to debug Angular SPA in either vs2019 or vscode如何在 vs2019 或 vscode 中调试 Angular SPA
【发布时间】：2019-05-12 00:39:57
【问题描述】：

这可能是一个愚蠢的问题，但我不知道如何在 vscode 或 vs2019 社区中调试我的整个应用程序。如果我使用vs2019，我可以很好地调试api、控制器等，但不能调试typescript或js。如果我使用 vscode，我可以调试 typescript，但它不会调用 api，因此应用程序会锁定......

有什么建议吗？我已经在 vscode 中尝试了 google 扩展，但仍然无法调试 typescript 代码。

提前致谢。

【问题讨论】：

标签： visual-studio-code single-page-application angular7 visual-studio-2019

【解决方案1】：

您在 Chrome 开发工具中执行此操作，在 Chrome 中按 F12 并转到源选项卡。按 ctrl-p 搜索源文件。您可以在 TypeScript 中设置断点。

【讨论】：

我觉得自己好蠢。这很简单，我不知道如何让 .ts 文件显示在调试器中。非常感谢。