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

Question

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

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

然而，由于我迁移到角2 RC5，用自己的模块系统，我所遇到的问题。特别是我碰到的问题是“@ angular/forms”中的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"; 

添加此问题立即解决了问题。