Как отлаживать приложение Angular 2 Typescript в рабочем режиме?

Question

Я создал простое Angular 2 приложение - для целей обучения и развертывания его в Heroku, установите PRODUCTION = TRUE в environment.ts, но кажется, что я не могу добавить точки останова в отладчике Chrome папка веб-пакета не отображается на панели «Источники» - в инструментах разработчика… возможно, есть способ открыть файлы .ts и остаться в рабочем режиме?

Answer 1

используйте ключевое слово debugger везде, где вам нужно отладить.

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

откройте инструмент разработчика браузера, и вы увидите волшебство

для входа, используйте клавишу F-10 (в окнах)

для продолжения используйте клавишу F-8 (в окнах)

, чтобы узнать больше, посетите: Семь методов для отладки угловых приложений