Angular 8应用程序在实时重新加载时冻结并锁定浏览器选项卡

Angular 8应用程序在实时重新加载时冻结并锁定浏览器选项卡,angular,angular-cli,livereload,Angular,Angular Cli,Livereload,使用Angular CLI进行开发时,我可以在几个小时内不出任何问题,但在看似随机的时间内,浏览器会锁定,不会出现任何错误,并且选项卡指示应用程序仍在加载。我仍然可以使用devtools,但是选项卡拒绝关闭,所以我最终不得不强制退出Chrome 我在应用程序根标记中有样式: <app-root> <style> .logo-wrapper svg { opacity: 1 !important; }

使用Angular CLI进行开发时,我可以在几个小时内不出任何问题,但在看似随机的时间内,浏览器会锁定,不会出现任何错误,并且选项卡指示应用程序仍在加载。我仍然可以使用devtools,但是选项卡拒绝关闭,所以我最终不得不强制退出Chrome

我在应用程序根标记中有样式:

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

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

为什么要将样式标记添加到应用程序根目录?在应用程序启动之前,它必须为空,将其移动到css文件或从应用程序根目录中删除开始注释代码、组件和模块。查找可能意外陷入循环的内存泄漏和递归错误。有了一些细节,我将从这里开始。app-root不必为空。正如OP所说,应用程序加载后,它会立即被删除。@shadowfox476我将从注释加载屏幕代码开始。当这种情况发生时,CPU似乎运行很热,因此递归错误可能是罪魁祸首。问题是它发生的时间不一致,所以我无法复制它。它只是在我工作时以随机间隔出现。是否有任何工具可以调试角度引导过程?在main.ts文件中,当应用程序引导时,是否有catch语句?bootstrapModule.then(…).catch(err=>console.log(err))
 "@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",