编译期间自动重新加载卡住

Question

我不知道是什么原因造成的。几天前我没有这个问题，但最近，每当我编辑任何代码行时，Compiling... 期间自动重新加载都会卡住：

chunk {main} main.js, main.js.map (main) 302 kB [initial] [rendered]
ℹ ｢wdm｣: Compiled successfully.
ℹ ｢wdm｣: Compiling...

它不会终止，我必须杀死 ng 并重新启动整个过程。

这发生在大约 10 到 20 次自动重新加载之后 - 一开始一切正常。

我已经 rm -rf node_modules - 显然是解决 npm 问题的经典方法 - 并重新安装了所有模块，但没有奏效。

如果我可以提供任何其他信息，请告诉我。

更新：

我将 angular-cli 更新到 7.0.6，但我仍然遇到同样的问题。这个问题似乎出现在我所有的项目中。

---

（新）环境

$ ng --version    
Angular CLI: 7.0.6
Node: 11.0.0
OS: linux x64
Angular: 7.1.0
... animations, cdk, common, compiler, compiler-cli, core, forms
... http, material, material-moment-adapter, platform-browser
... platform-browser-dynamic, router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.10.6
@angular-devkit/build-angular     0.10.6
@angular-devkit/build-optimizer   0.10.6
@angular-devkit/build-webpack     0.10.6
@angular-devkit/core              7.0.6
@angular-devkit/schematics        7.0.6
@angular/cli                      7.0.6
@angular/flex-layout              7.0.0-beta.19
@angular/language-service         <error>
@ngtools/webpack                  7.0.6
@schematics/angular               7.0.6
@schematics/update                0.10.6
rxjs                              6.3.3
typescript                        3.1.6
webpack                           4.19.1

（旧）环境

$ ng --version
Angular CLI: 6.2.2
Node: 11.0.0
OS: linux x64
Angular: 6.1.7
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

Package                            Version
------------------------------------------------------------
@angular-devkit/architect          0.8.2
@angular-devkit/build-angular      0.8.2
@angular-devkit/build-optimizer    0.8.2
@angular-devkit/build-webpack      0.8.2
@angular-devkit/core               0.8.2
@angular-devkit/schematics         0.8.2
@angular/cdk                       6.4.7
@angular/cli                       6.2.2
@angular/flex-layout               6.0.0-beta.18
@angular/material                  6.4.7
@angular/material-moment-adapter   6.4.7
@ngtools/webpack                   6.2.2
@schematics/angular                0.8.2
@schematics/update                 0.8.2
rxjs                               6.3.3
typescript                         2.9.2
webpack                            4.19.0

Answer 1

您使用的是节点 11.0.0，我们可以在您提供的版本输出中看到这一点。

如果您降级到节点 8.13.0 或 10.13.0（撰写本文时的当前 LTS），您可能会有更好的运气。

我的经验是，使用 最新功能 版本的节点并不总是一个好主意。有时似乎有一些小问题，比如你有什么。当谈到节点时，我过去总是喜欢最新最好的，但我发现它可能会导致问题。

由于您的项目现在所有都发生了问题，因此节点可能是罪魁祸首。