特定模块在我的整个应用程序中打破HMR

Question

我在我的应用程序的根目录中使用hot.accept，到目前为止，它的工作非常出色。

var hot = (<any>module).hot;
if (hot) {
    hot.accept();
}

但是，由于我迁移到Angular 2 RC5并使用他们的模块系统，我遇到了问题。具体来说，我遇到的问题是{＆＃34; @ angular / forms＆＃34;中的ReactiveFormsModule。

在我的应用程序中使用它会破坏整个应用程序的HMR。如何计算此第三方模块并确保其被接受？

Answer 1

事实证明，此问题的原因是我未能将@angular/forms添加到我的webpack条目导入列表中。

// Angular 2
import "@angular/platform-browser";
import "@angular/platform-browser-dynamic";
import "@angular/core";
import "@angular/common";
import "@angular/forms"; // was commented out
import "@angular/http";
import "@angular/router";

添加此功能可立即解决问题。