В Angular версии 18 sourceMap не работает
Я использую версию Angular 18. В браузере я не получаю сообщение об ошибке или номер строки журнала консоли машинописного файла на панели консоли в инструменте разработки браузера.
Я проверил, что для значения sourceMap установлено значение true в файле angular.json, а также установлено значение true в файле tsconfig.
Есть ли какие-либо дополнительные настройки, которые мне нужно установить, чтобы это работало?
файл angular.json
файл package.json
@chetan, поделитесь, пожалуйста, angular.json и какую среду вы используете для проверки.
Я использовал Angular cli версии 18.0.6 и создал проект без автономного режима, а затем сгенерировал переменные среды.
@chetan angular.json?
@naren не может добавить файл angular.json в комментарий, но вот снимок экрана, добавленный в вопрос
Пожалуйста, обновите страницу. Я обновил изображение.
Ответы 2
Ваша конфигурация по умолчанию — «производственная». Убедитесь, что вы действительно используете конфигурацию «разработки», в которой указано sourceMaps: true.
Вы можете сделать это двумя способами:
- Запустите сборку/обслуживание с флагом конфигурации:
ng serve --configuration development - Измените конфигурацию по умолчанию на разработку (обязательно измените команду производственной сборки, чтобы передать производственную конфигурацию, как указано выше).
Привет @Райан! Спасибо за ответ. Я внес изменения в файл и изменил значение по умолчанию на значение development. Все еще не работает. Я также добавил изображение определения скрипта в файл package.json.
Я пытался запустить приложение в браузере Chrome и столкнулся с этой проблемой, но теперь я только что попробовал это в Edge, он показывает мне номер строки машинописного файла в инструменте разработки браузера. Я думаю, что в браузере Chrome могут быть изменены какие-то настройки. Пытаюсь разобраться.
В Chrome есть фильтрация на вкладке Консоль. С левой стороны выбраны «Сообщения» или «Ошибки»? В противном случае ошибки будут скрыты.
Привет @Ryan. Проблема возникла из-за настроек браузера Chrome. Сейчас он работает нормально. Решение я опубликовал в комментарии ниже.
Круто, рад, что у тебя всё заработало
Я нашел проблему. Это проблема в настройках браузера Chrome. «Исходные карты Javascript» не были включены.
Я включил этот параметр, установив флажок, перезагрузив страницу, и она начала работать. Спасибо за вашу поддержку и помощь.
У меня это работает в новом проекте Angular 18. Пожалуйста, предоставьте более подробную информацию и, в идеале, минимальную репродукцию.