HMR 因 Angular 9 + IVY 失敗：類型 AppComponent 是 2 個模塊聲明的一部分：AppModule 和 AppModule

Question

受影響的包裹

HMR + 常春藤

這是回歸嗎？

常春藤之前，它有效

描述

好像 IVY 和 HMR 不能很好地一起玩？ 但是我已經看到他們的票已經關閉了，所以我想這應該是可能的。 我在代碼更改后重新加載：

未處理的承諾拒絕：類型 AppComponent 是 2 個模塊聲明的一部分：AppModule 和 AppModule！ 請考慮將 AppComponent 移至導入 AppModule 和 AppModule 的更高模塊。 您還可以創建一個新的 NgModule 來導出並包含 AppComponent，然后在 AppModule 和 AppModule 中導入該 NgModule。 Type Background 是 2 個模塊聲明的一部分：AppModule 和 AppModule！ 請考慮將 Background 移至導入 AppModule 和 AppModule 的更高模塊。 您還可以創建一個新的 NgModule 來導出並包含 Background，然后在 AppModule 和 AppModule 中導入該 NgModule。

...

我們可以看到其他人如何更好地進行調查： https : //www.gitmemory.com/issue/storybookjs/storybook/8494/551763214

🌍 目前的環境

角度版本：

ng 9.0.1

cli 9.0.1

Answer 1

在 angular.json 配置文件中切換 AOT，應該這樣做

這是 where 的結構：

{
  "projects": {
    "x": {
      "architect": {
        "build": {
          "options": {
            "aot": true,
          },
          "configurations": {
            "local": {
              "aot": true
            },

或者，僅出於測試目的，您可以使用aot標志運行

ng serve --aot=true

更新

請注意，這只是修復，因此您現在可以實際處理您的項目。 angular 團隊正在研究一個解決方案，以便我們可以很快恢復對 HMR 的全面支持。

在 angular repo https://github.com/angular/angular/issues/35265 中查看相關問題

在這里為了修復它（仍在草案中） https://github.com/angular/angular/pull/37474