Диаграмма пламени Profiler в Angular не показывает мои функции

Это то, что показывает мой профилировщик для приложения Angular 7, созданного с помощью angular-cli.

Диаграмма пламени Profiler в Angular не показывает мои функции

Каждый вызов функции связан с zone.js, и я не могу получить полезную информацию о том, что выполняется и как долго.


Приложение запущено с ng serve, а я думаю находится в режиме отладки:

в main.ts

if (environment.production) {
  console.info('production mode!');
  enableProdMode();
} else {
  console.info('debug mode!');

Во время выполнения enableProdMode() не вызывается.

Я думал, что мой angular.json настраивает веб-пакет для работы в рабочем режиме, но это точно так же, как новый проект с ng new (изменил их), за исключением добавления некоторых внешних скриптов + scs-файлы.

Похоже, исходные карты не генерируются или не распознаются/не используются devtools.

wOxxOm 12.02.2019 13:24

@wOxxOm хорошая идея. Я попробовал это с ng serve --source-map, и это не имело никакой разницы. Кроме того, исходные карты должны работать, потому что на вкладке «Источники» правильно отображается мой код, а не связанный.

Reinstate Monica 12.02.2019 14:00

Та же проблема, но с Vue.js. И исходные карты работают на вкладке источников...

Coburn 09.06.2020 21:31
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
1
3
395
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Инструмент, который я искал, теперь называется Javascript Profiler в Chrome Dev Tools (он скрыт в трехточечном меню в правом верхнем углу).

Это сработало для меня, но это такая проблема! Можно ли как-то вернуть его на вкладку «Производительность»?

Coburn 09.06.2020 21:32

Нет, к сожалению, теперь это отдельные функции.

Reinstate Monica 10.06.2020 16:21

Черт, это такая боль. Тем более, что опция троттлинга процессора находится на вкладке «Производительность».

Coburn 10.06.2020 19:30

Другие вопросы по теме