Журнал консоли больше не отображает правильные имена файлов в среде разработки

После обновления до последней версии angular я заметил, что журналы консоли больше не отображают имена исходных файлов и номера строк вывода.

Вместо чего-то вроде

Привет, мир login.component.ts:34:5

Теперь я увижу только что-то вроде

Привет, мир main.js: 1

Сначала я думал, что это сборка проекта в режиме prod, поэтому файлы объединяются (поскольку они теперь выводятся в js), но я почти уверен, что компилирую в режиме разработки, а на самом деле ничего не собираю (isDevmode правда).

пример вывода в консоль

Я запускаю свой проект с npm start или ng serve (с назначенным портом). Я мало что видел на других веб-ресурсах по этому поводу, поэтому может ли кто-нибудь поделиться своим мнением, если оно у него есть? Спасибо.


angular console.log
person will    schedule 13.07.2021    source источник
comment
Добро пожаловать в сообщество SO, Уилл! в tsconfig у вас sourceMap установлено на true?   -  person IAfanasov    schedule 13.07.2021
comment
Это известная проблема с ng12. Исправьте здесь: stackoverflow.com/questions/67598130/   -  person MikeOne    schedule 13.07.2021

Ответы (1)


arrow_upward
0
arrow_downward

Спасибо @MikeOne, похоже, что добавление приведенной ниже конфигурации в angular.json создает проект более удобным для разработки способом и еще раз регистрирует имена файлов и номера строк в консоли.

"serve": {
  "builder": "@angular-devkit/build-angular:dev-server",
  "configurations": {
    "production": {
      "browserTarget": "angular12:build:production"
    },
    "development": {
      "browserTarget": "angular12:build:development"
    }
  },
  "defaultConfiguration": "development"
},
person will    schedule 13.07.2021