WebStorm не достигает точек останова в приложении Angular CLI - PullRequest
1 голос
/ 30 апреля 2019

Я использую WebStorm 2019.1.1 Build # WS-191.6707.60, созданный 16 апреля 2019 года. Я пытаюсь отладить приложение Angular, основанное на Angular 5.2. Я следовал инструкциям на сайте поддержки JetBrains , а также на многочисленных видео на YouTube, но похоже, что отладчик никогда не запускается и не достигает моей точки останова.

Я настроил свою конфигурацию запуска / отладки, как показано на снимке экрана ниже. Я использую конфигурацию Angular CLI по умолчанию, указывающую на localhost:4200. В инструкциях на веб-сайте поддержки JetBrains сказано, чтобы запустить приложение с помощью зеленой треугольной кнопки «play», а затем, как только приложение запустится, нажать значок «ошибка» рядом с кнопкой play. Появляется диалоговое окно с предупреждением о том, что проект не может работать параллельно (из которого я отменяю). Я также попытался просто щелкнуть значок «ошибка», и хотя проект компилируется через веб-пакет и запускается, он никогда не останавливается на точках останова, которые я установил в WebStorm.

Run/Debug configuration

Parallel Warning

Отладка в Chrome с использованием инструментов dev работает отлично, и точки останова, которые я установил там, работают нормально, однако я действительно хотел бы иметь возможность выполнять отладку внутри WebStorm.

В инструкции также упоминается, что WebStorm создает конфигурацию по умолчанию Angular Application , но я не вижу, чтобы она создавалась.

WebStorm documentation

Раньше у меня работал этот процесс при использовании оценки WebStorm, но после того, как я купил лицензию и переустановил WebStorm, он больше не работает. Есть мысли или предложения?

Ответы [ 2 ]

2 голосов
/ 30 апреля 2019

У вас есть Angular Application Запустите конфигурацию выше npm группа в JavaScript Debug , но в вашем случае она свернута.

Если его там нет, это выглядит так: enter image description here

1 голос
/ 30 апреля 2019

Конфигурация Angular Application, созданная по умолчанию.Это просто профиль «JavaScript Debug» с пользовательским именем.

Нажмите значок «+», чтобы добавить конфигурацию, и выберите «JavaScript Debug».

Конфигурация, которую вы используете в своем примере,для отладки JavaScript в командной строке через NodeJS.Он предназначен для отладки скрипта npm.

Вам также необходимо установить расширение браузера JetBrains.Вот ссылка для браузера Chrome (я не уверен насчет других браузеров).

https://chrome.google.com/webstore/detail/jetbrains-ide-support/hmhgeddbohgjknpmjagkdomcpobmllji

Без расширения IDE не будет удаленно отлаживать то, что происходит в браузере.

...