角度CLI热模块更换无法正常工作

Question

我正在尝试设置启用热模块更换的角度cli项目。我按照步骤进行操作 https://github.com/angular/angular-cli/wiki/stories-configure-hmr 但是，每次代码更改时，我的应用程序仍然会完全重建。

例如，我有一个由TestModule声明的TestComponent。 TestModule由AppModule导入。 TestComponent看起来像这样：

<input type="text"/>

我的AppComponent看起来像这样：

<input type="text"/>
<test-component></test-component>

现在，如果我用两个输入填充两个输入字段，然后更改TestComponent的代码，启用hmr，我希望webpack只重建TestComponent，以便AppComponent中的输入保持不变。但是，应用程序完全重建，浏览器重新加载，两个输入都消失了。控制台输出表明webpack已检测到更改并且hmr将被执行。