Приложение Angular CLI для отладки WebStorm указывает на localhost: 63276

Question

У меня есть приложение Angular, которое я запускаю через Angular CLI. Я выполняю шаги, перечисленные в документации JetBrains для отладки приложения Angular CLI, перечисленного здесь . Когда я запускаю режим DEBUG, новый браузер открывается на about:blank вместо http://localhost:4200, как я указал в конфигурации отладки. Также, когда я смотрю на вкладку отладчика в WebStorm, я вижу следующее ...

Почему WebStorm пытается подключиться к localhost:63276, когда я указал localhost:4200 в качестве начального URL в конфигурации отладки WebStorm?

РЕДАКТИРОВАТЬ: я должен отметить, что в конфигурации отладки, которую я указываю, браузер Chrome должен использовать мои указанные пользовательские настройки, чтобы у меня был доступ к LastPass и другим расширениям браузера при отладке

Answer 1

63276 означает, что отладчик порта запущен, он не должен совпадать с портом, который прослушивает ваш сервер.Обязательно закройте все запущенные экземпляры Chrome до запуска отладчика - как написано в сообщении об ошибке, порт отладки не может быть открыт, если у вас работает Chrome с вашими пользовательскими данными.См. https://www.jetbrains.com/help/webstorm/configuring-javascript-debugger.html#ws_js_debug_default_chrome_user_data:

Чтобы открыть новый экземпляр Chrome со знакомым вам внешним видом, настройте Chrome в WebStorm для запуска с вашими пользовательскими данными.В этом случае перед началом сеанса отладки всегда проверяйте, что Chrome еще не работает с вашими пользовательскими данными.В противном случае WebStorm по-прежнему запускает другой экземпляр Chrome с вашими пользовательскими данными, но не может открыть для него порт отладки.В результате отладчику WebStorm не удается подключиться к приложению в новом экземпляре Chrome, и сеанс отладки не начинается.