Приложение Angular 8 зависает при перезагрузке в реальном времени и блокирует вкладку браузера - PullRequest
Новая
       44

Приложение Angular 8 зависает при перезагрузке в реальном времени и блокирует вкладку браузера

1 голос
/ 04 октября 2019

При использовании Angular CLI для разработки я смогу провести несколько часов без каких-либо проблем, но, казалось бы, в случайное время браузер блокируется без ошибок, а вкладка указывает, что приложение все еще загружается. Я все еще могу использовать devtools, но вкладка отказывается закрываться, поэтому мне в конечном итоге придется принудительно выйти из Chrome.

У меня есть стили внутри тегов app-root: 

    <app-root>
      <style>
        .logo-wrapper svg {
          opacity: 1 !important;
        }

        .logo-wrapper {
          transform: translate3d(-50%, -50%, 0) !important;
        }
      </style>
    </app-root>

Логотип исчезает, как и должно быть, поэтому я знаю, что в этот момент Angular загрузился сам.

В первый раз это произошло после обновления до Angular 8 и добавления стилей загрузки экрана в index.html

Это не так много деталей, но я много раз искал решение, не найдя ни одного или найдя кого-нибудь, кто имеетбыла похожая проблема. 

import 'hammerjs'; // Required for @angular/material gestures

import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from '@app/app.module';
import { environment } from './environments/environment';

if (environment.production) {
  enableProdMode();
}

const bootstrap = () => platformBrowserDynamic().bootstrapModule(AppModule);

bootstrap().catch(err => console.error(err));

Информация о версии CLI: 

Angular CLI: 8.3.4
Node: 10.15.3
OS: darwin x64
Angular: undefined
... 

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.803.4 (cli-only)
@angular-devkit/core         8.3.4 (cli-only)
@angular-devkit/schematics   8.3.4 (cli-only)
@schematics/angular          8.3.4 (cli-only)
@schematics/update           0.803.4 (cli-only)

Информация об угловой зависимости: 

 "@angular/animations": "^8.2.6",
 "@angular/cdk": "^8.2.0",
 "@angular/common": "8.2.6",
 "@angular/compiler": "8.2.6",
 "@angular/core": "8.2.6",
 "@angular/flex-layout": "^8.0.0-beta.27",
 "@angular/forms": "^8.2.6",
 "@angular/material": "^8.2.0",
 "@angular/platform-browser": "8.2.6",
 "@angular/platform-browser-dynamic": "8.2.6",
 "@angular/platform-server": "8.2.6",
 "@angular/pwa": "^0.803.4",
 "@angular/router": "8.2.6",
 "@angular/service-worker": "8.2.6"

dev-deps: 
 "@angular-devkit/build-angular": "^0.803.4",
 "@angular/cli": "8.3.4",
 "@angular/compiler-cli": "8.2.6",
...