如何在生产模式下调试Angular 2 Typescript应用程序？

Question

我已经构建了一个简单的Angular 2 App - 用于学习目的并将其部署到Heroku，在environment.ts中设置PRODUCTION = TRUE但似乎我无法在chrome调试器中添加断点，即web包文件夹未显示在“源”面板中 - 在开发人员工具中....也许有一种方法可以公开.ts文件并保持生产模式？

Answer 1

在需要调试的地方使用debugger关键字。

getData() {
   debugger
   // your code to get data
}

打开浏览器开发工具，然后您就会看到神奇的

用于步入，使用F-10键（在Windows中）

表示继续，请使用F-8键（在Windows中）

了解更多信息，请访问：Seven Methods for Debugging Angular Applications