Отладка Angular5 не работает в Chrome

Я не знаю, почему это больше не работает. Раньше я мог открывать инструменты разработчика, ставить точку останова в своем угловом коде, после чего он останавливался. Но в последнее время он не может распознать, как сопоставить сетевые файлы с моими локальными файлами. Посмотрите мое видео-объяснение здесь (продолжительность 3 минуты).

Редактировать:

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


person AskYous    schedule 04.01.2018    source источник
comment
Я думаю, что говорю от имени большинства, когда заявляю, что не буду смотреть это (или вообще любое) видео. Пожалуйста, обновите вопрос с необходимыми деталями и при необходимости включите снимок экрана (или 2). См. минимальный воспроизводимый пример, а также Как задать хороший вопрос.   -  person Igor    schedule 05.01.2018
comment
@Igor Игорь, это было действительно сложно, и я не знал, как это объяснить, кроме как через видео. Тем не менее, я помещаю больше информации.   -  person AskYous    schedule 05.01.2018
comment
Почему вы не используете отдельный редактор вместо изменения файлов в браузере? Попробуйте добавить debugger; в код, а затем перезагрузите страницу, чтобы проверить, не сломается ли она.   -  person planet_hunter    schedule 05.01.2018
comment
@ManojChalode, потому что почти все функции, которые я хочу использовать, доступны в инструментах разработки Chrome, и это намного упрощает отладку. Я попытался добавить debugger;. Он приостановил код в сетевой версии файла, но не в локальной версии. Я думаю, что нашел проблему здесь: stackoverflow.com/questions/48032249/   -  person AskYous    schedule 05.01.2018
comment
Связанный ответ решил вашу проблему?   -  person gillesB    schedule 16.03.2018


Ответы (2)


У меня недавно была аналогичная проблема. Для меня наличие активных переопределений Chrome для любых файлов (даже для сайтов, отличных от того, который я отлаживал), по-видимому, мешало сопоставлению источника и не позволяло мне отлаживать мое приложение. Удаление всех моих переопределений восстановило нормальную функциональность отладки.

person Evan Kleiner    schedule 23.04.2019

Это решение сработало для меня в angular 9. В файле angular.json была оптимизация свойства, для которой было установлено значение true, и по какой-то причине он создавал оптимизированные файлы без отладчика. Я установил значение false "optimization": false.

person Reshu    schedule 05.05.2021