Блог

Главная - Вопросы по программированию - Отладка приложения angular в Intellij с помощью Chrome под Windows

Отладка приложения angular в Intellij с помощью Chrome под Windows

#angular #typescript #google-chrome #debugging #intellij-idea

#angular #typescript #google-chrome #отладка #intellij-идея

Вопрос:

Я довольно долго искал решение для отладки приложения angular в intellij с использованием Chrome в Windows.

На данный момент я не могу подключить отладчик к Chrome. Я попытался запустить chreme с --remote-debugging-port=9222 помощью и многих других решений.

В настоящее время я использую IntelliJ 2020.2 и Chrome 86.

У кого-нибудь есть решение для Windows?

Ответ №1:

Если у вас возникла ошибка: пожалуйста, убедитесь, что браузер был успешно запущен с открытым портом удаленной отладки. Порт не может быть открыт, если Chrome, имеющий тот же каталог пользовательских данных, уже запущен

Попробуйте удалить этот файл:

 ~AppDataRoamingJetBrainsWebStorm2020.2optionsother.xml

Если это не сработало, в дополнение к вышесказанному, удалите этот файл:

 ~AppDataRoamingJetBrainsWebStorm2020.2optionsweb-browsers.xml

Как всегда, не забудьте сделать резервные копии ваших файлов.

Ответ №2:

Пожалуйста, выполните действия, описанные в справке:

  • запустите npm start , чтобы запустить ваше приложение
  • создайте конфигурацию запуска отладки JavaScript, укажите там URL-адрес вашего сервера ( http://localhost:4200/ или как он выглядит)
  • Установите точки останова в своем коде.
  • отладьте приведенную выше конфигурацию

Смотрите также https://blog.jetbrains.com/webstorm/2017/01/debugging-angular-apps /

Комментарии:

1. Я попробовал решение, описанное выше, но не запустил его. Когда я запускаю конфигурацию отладки, открывается экземпляр chrome с вкладкой с надписью «сбой». Также в журнале событий в Intellij я получаю сообщение: 07:02 Ожидание подключения к localhost: 57914. Пожалуйста, убедитесь, что браузер был успешно запущен с открытым портом удаленной отладки. Порт не может быть открыт, если Chrome, имеющий тот же каталог пользовательских данных, уже запущен.

2. хм… Похоже на проблему с IDE. на какой ОС вы работаете? каков результат запуска Chrome с --remote-debugging-port опцией?

3. Я использую Windows 10. Где я должен установить параметр — remote-debug-port и какой порт является правильным? 9222?

4. Привет @lena просто попробовал --remote-debugging-port=9222 , но все равно не повезло. Отладчик не подключается ни к одному процессу Chrome. Все сеансы Chrome, запущенные intellij, сломаны / разбиты.