Это то, что показывает мой профилировщик для приложения Angular 7, созданного с помощью angular-cli.
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-файлы.
@wOxxOm хорошая идея. Я попробовал это с ng serve --source-map, и это не имело никакой разницы. Кроме того, исходные карты должны работать, потому что на вкладке «Источники» правильно отображается мой код, а не связанный.
Та же проблема, но с Vue.js. И исходные карты работают на вкладке источников...





Инструмент, который я искал, теперь называется Javascript Profiler в Chrome Dev Tools (он скрыт в трехточечном меню в правом верхнем углу).
Это сработало для меня, но это такая проблема! Можно ли как-то вернуть его на вкладку «Производительность»?
Нет, к сожалению, теперь это отдельные функции.
Черт, это такая боль. Тем более, что опция троттлинга процессора находится на вкладке «Производительность».
Похоже, исходные карты не генерируются или не распознаются/не используются devtools.