首页 > 解决方案 > 编译期间自动重新加载卡住

问题描述

我不知道是什么原因造成的。几天前我没有这个问题,但最近,每当我编辑任何代码行时,自动重新加载都会卡在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

标签: npmangular-cli

解决方案


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

如果您降级到节点 8.13.0 或 10.13.0(编写本文时的当前 LTS),您可能会有更好的运气。

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

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


推荐阅读