У меня проблема со всеми Angular 9 проектами, над которыми я работаю. Когда я пытаюсь загрузить любой из них в браузере локально после запуска ng serve, я получаю только белую страницу, которая никогда не перестает загружаться. Если я позволю ему поработать достаточно долго, браузер в конце концов сообщит мне, что есть долго работающий скрипт.
Я не получаю никаких ошибок или предупреждений в angular cli ни когда я не компилировать ни во время выполнения. Браузер также не сообщает об ошибках.
Если я перенесу проекты на другой компьютер, они будут работать без проблем.
Эта проблема возникла неожиданно, когда я работал над проект. Я пробовал удалить все несущественные файлы / папки (например, node_modules ) и повторно инициализировать их, но это, похоже, не помогло.
Если я приостанавливаю выполнение скрипта, оно в основном приостанавливается внутри функции _updateTaskCount в файле zone-evergreen.js. Он также приостанавливается в других местах, но в 9 из 10 раз это _updateTaskCount.
Еще одна вещь, которую я заметил, и я не знаю, связано ли это или ожидаемое поведение, но на вкладке сети Я вижу, что статус запроса на sockjs.js постоянно ожидает.
Если я установил точки останова в своем коде, то попадут только те из них, которые указаны в ngOnInit и конструктор файла app.component.ts.
Я не знаю, актуально ли это, но вот стек вызовов, когда он приостанавливается внутри этой функции:
_updateTaskCount (zone-evergreen.js:263)
scheduleTask (zone-evergreen.js:222)
scheduleMicroTask (zone-evergreen.js:230)
scheduleResolveOrReject (zone-evergreen.js:847)
resolvePromise (zone-evergreen.js:785)
(anonymous) (zone-evergreen.js:705)
(anonymous) (router.js:7275)
unsubscribe (Subscription.js:34)
unsubscribe (Subscription.js:47)
unsubscribe (Subscriber.js:69)
unsubscribe (Subscription.js:47)
unsubscribe (Subscriber.js:69)
unsubscribe (Subscription.js:47)
unsubscribe (Subscriber.js:69)
_innerSub (switchMap.js:41)
_next (switchMap.js:36)
next (Subscriber.js:49)
_next (map.js:35)
next (Subscriber.js:49)
_next (filter.js:33)
next (Subscriber.js:49)
next (Subject.js:39)
next (BehaviorSubject.js:30)
setTransition (router.js:7379)
scheduleNavigation (router.js:7765)
navigateByUrl (router.js:7589)
navigate (router.js:7623)
canActivate (auth-external.guard.ts:16)
(anonymous) (router.js:5556)
(anonymous) (defer.js:8)
_trySubscribe (Observable.js:42)
subscribe (Observable.js:28)
call (take.js:22)
subscribe (Observable.js:23)
subscribeToResult (subscribeToResult.js:9)
_innerSub (mergeMap.js:59)
_tryNext (mergeMap.js:53)
_next (mergeMap.js:36)
next (Subscriber.js:49)
(anonymous) (subscribeToArray.js:3)
_trySubscribe (Observable.js:42)
subscribe (Observable.js:28)
call (mergeMap.js:21)
subscribe (Observable.js:23)
subscribeToResult (subscribeToResult.js:9)
_complete (combineLatest.js:52)
complete (Subscriber.js:61)
(anonymous) (subscribeToArray.js:5)
_trySubscribe (Observable.js:42)
subscribe (Observable.js:28)
call (combineLatest.js:26)
subscribe (Observable.js:23)
call (scan.js:18)
subscribe (Observable.js:23)
call (filter.js:13)
subscribe (Observable.js:23)
call (map.js:16)
subscribe (Observable.js:23)
call (take.js:22)
subscribe (Observable.js:23)
subscribeToResult (subscribeToResult.js:9)
_innerSub (switchMap.js:46)
_next (switchMap.js:36)
next (Subscriber.js:49)
(anonymous) (subscribeToArray.js:3)
_trySubscribe (Observable.js:42)
subscribe (Observable.js:28)
call (switchMap.js:17)
subscribe (Observable.js:23)
subscribeToResult (subscribeToResult.js:9)
_innerSub (mergeMap.js:59)
_tryNext (mergeMap.js:53)
_next (mergeMap.js:36)
next (Subscriber.js:49)
(anonymous) (subscribeToArray.js:3)
_trySubscribe (Observable.js:42)
subscribe (Observable.js:28)
call (mergeMap.js:21)
subscribe (Observable.js:23)
call (filter.js:13)
subscribe (Observable.js:23)
call (take.js:22)
subscribe (Observable.js:23)
call (defaultIfEmpty.js:10)
subscribe (Observable.js:23)
subscribeToResult (subscribeToResult.js:9)
_innerSub (mergeMap.js:59)
_tryNext (mergeMap.js:53)
_next (mergeMap.js:36)
next (Subscriber.js:49)
(anonymous) (subscribeToArray.js:3)
_trySubscribe (Observable.js:42)
subscribe (Observable.js:28)
call (mergeMap.js:21)
subscribe (Observable.js:23)
call (filter.js:13)
subscribe (Observable.js:23)
call (take.js:22)
subscribe (Observable.js:23)
call (defaultIfEmpty.js:10)
subscribe (Observable.js:23)
subscribeToResult (subscribeToResult.js:9)
_innerSub (mergeMap.js:59)
_tryNext (mergeMap.js:53)
_next (mergeMap.js:36)
next (Subscriber.js:49)
_complete (defaultIfEmpty.js:25)
complete (Subscriber.js:61)
_complete (Subscriber.js:79)
complete (Subscriber.js:61)
_complete (Subscriber.js:79)
complete (Subscriber.js:61)
_complete (mergeMap.js:67)
complete (Subscriber.js:61)
(anonymous) (subscribeToArray.js:5)
_trySubscribe (Observable.js:42)
subscribe (Observable.js:28)
call (mergeMap.js:21)
subscribe (Observable.js:23)
call (filter.js:13)
subscribe (Observable.js:23)
call (take.js:22)
subscribe (Observable.js:23)
call (defaultIfEmpty.js:10)
subscribe (Observable.js:23)
call (mergeMap.js:21)
subscribe (Observable.js:23)
call (map.js:16)
subscribe (Observable.js:23)
subscribeToResult (subscribeToResult.js:9)
_innerSub (mergeMap.js:59)
_tryNext (mergeMap.js:53)
_next (mergeMap.js:36)
next (Subscriber.js:49)
_next (map.js:35)
next (Subscriber.js:49)
_next (tap.js:46)
next (Subscriber.js:49)
notifyNext (switchMap.js:70)
_next (InnerSubscriber.js:11)
next (Subscriber.js:49)
_next (map.js:35)
next (Subscriber.js:49)
(anonymous) (subscribeToArray.js:3)
_trySubscribe (Observable.js:42)
subscribe (Observable.js:28)
call (map.js:16)
subscribe (Observable.js:23)
subscribeToResult (subscribeToResult.js:9)
_innerSub (switchMap.js:46)
_next (switchMap.js:36)
next (Subscriber.js:49)
notifyNext (switchMap.js:70)
_next (InnerSubscriber.js:11)
next (Subscriber.js:49)
_next (tap.js:46)
next (Subscriber.js:49)
_next (tap.js:46)
next (Subscriber.js:49)
notifyNext (mergeMap.js:72)
_next (InnerSubscriber.js:11)
next (Subscriber.js:49)
_next (map.js:35)
next (Subscriber.js:49)
(anonymous) (subscribeToArray.js:3)
_trySubscribe (Observable.js:42)
subscribe (Observable.js:28)
call (map.js:16)
subscribe (Observable.js:23)
subscribeToResult (subscribeToResult.js:9)
_innerSub (mergeMap.js:59)
_tryNext (mergeMap.js:53)
_next (mergeMap.js:36)
next (Subscriber.js:49)
_next (tap.js:46)
next (Subscriber.js:49)
notifyNext (switchMap.js:70)
_next (InnerSubscriber.js:11)
next (Subscriber.js:49)
_next (map.js:35)
next (Subscriber.js:49)
_next (Subscriber.js:72)
next (Subscriber.js:49)
_next (map.js:35)
next (Subscriber.js:49)
_next (map.js:35)
next (Subscriber.js:49)
_next (map.js:35)
next (Subscriber.js:49)
_next (throwIfEmpty.js:24)
next (Subscriber.js:49)
_complete (takeLast.js:52)
complete (Subscriber.js:61)
_complete (mergeMap.js:67)
complete (Subscriber.js:61)
(anonymous) (subscribeToArray.js:5)
_trySubscribe (Observable.js:42)
subscribe (Observable.js:28)
call (mergeMap.js:21)
subscribe (Observable.js:23)
call (takeLast.js:22)
subscribe (Observable.js:23)
call (throwIfEmpty.js:13)
subscribe (Observable.js:23)
call (map.js:16)
subscribe (Observable.js:23)
call (map.js:16)
subscribe (Observable.js:23)
call (map.js:16)
subscribe (Observable.js:23)
call (catchError.js:16)
subscribe (Observable.js:23)
call (map.js:16)
subscribe (Observable.js:23)
subscribeToResult (subscribeToResult.js:9)
_innerSub (switchMap.js:46)
_next (switchMap.js:36)
next (Subscriber.js:49)
notifyNext (switchMap.js:70)
_next (InnerSubscriber.js:11)
next (Subscriber.js:49)
(anonymous) (subscribeToPromise.js:5)
invoke (zone-evergreen.js:364)
onInvoke (core.js:41836)
invoke (zone-evergreen.js:363)
run (zone-evergreen.js:123)
(anonymous) (zone-evergreen.js:857)
invokeTask (zone-evergreen.js:399)
onInvokeTask (core.js:41814)
invokeTask (zone-evergreen.js:398)
runTask (zone-evergreen.js:167)
drainMicroTaskQueue (zone-evergreen.js:569)
Promise.then (async)
scheduleMicroTask (zone-evergreen.js:552)
scheduleTask (zone-evergreen.js:388)
onScheduleTask (zone-evergreen.js:272)
scheduleTask (zone-evergreen.js:378)
scheduleTask (zone-evergreen.js:210)
scheduleMicroTask (zone-evergreen.js:230)
scheduleResolveOrReject (zone-evergreen.js:847)
resolvePromise (zone-evergreen.js:785)
(anonymous) (zone-evergreen.js:705)
webpackJsonpCallback (bootstrap:25)
(anonymous) (modules-external-view-external-view-module.js:1)
Я понятия не имею, что сделать.
Изменить: это результат после запуска ng serve:
16% building 51/52 modules 1 active ...-loader\src\index.js??embedded!node_modules\sass-loader\dist\cjs.js??ref--13-3!src\styles.scssDEPRECATION WARNING: As of Dart Sass 2.0.0, !global assignments won't be able to
declare new variables. Since this assignment is at the root of the stylesheet,
the !global flag is unnecessary and can safely be removed.
chunk {common} common.js, common.js.map (common) 3.25 kB [rendered]
chunk {main} main.js, main.js.map (main) 129 kB [initial] [rendered]
chunk {modules-external-view-external-view-module} modules-external-view-external-view-module.js, modules-external-view-external-view-module.js.map (modules-external-view-external-view-module) 29.8 kB [rendered]
chunk {modules-internal-view-internal-view-module} modules-internal-view-internal-view-module.js, modules-internal-view-internal-view-module.js.map (modules-internal-view-internal-view-module) 49.8 kB [rendered]
chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 150 kB [initial] [rendered]
chunk {runtime} runtime.js, runtime.js.map (runtime) 9.16 kB [entry] [rendered]
chunk {styles} styles.js, styles.js.map (styles) 725 kB [initial] [rendered]
chunk {vendor} vendor.js, vendor.js.map (vendor) 6.89 MB [initial] [rendered]
Date: 2020-07-09T09:29:02.896Z - Hash: c8002f2bc2cc70210c50 - Time: 38856ms
** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
: Compiled successfully.