typescript - 如何使用 Chrome DevTools 为 .NET Core Web 应用程序调试我的 typescript 页面？

Question

我正在向现有的 Angular 7 应用程序添加功能。但是，我需要能够调试打字稿以检查对象或数组中的值。如何使 Chrome 开发工具能够调试我的 ts 文件？

标签： typescriptgoogle-chromegoogle-chrome-devtoolsangular7

Answer 1

这仅适用于本地：

• 首先在 Chrome 中打开应用程序
• 打开开发工具
• 点击来源
  
• 按 Ctrl+P 并写入要调试的文件名
• 如果您在查找时遇到问题，请使用左侧的文件系统查找。
• 单击要调试的行。
• Chrome 通常会停在那里，但在 React 中你可能会遇到麻烦，因为它以声明方式运行，也许 Angular 可能会导致同样的问题。