在 Ionic 5 中使用 Ngrx DevTools

Question

我正在嘗試按照此鏈接使用 Ngrx DevTools。 但是 Ionic 使用 @ionic/angular-toolkit，我們需要啟用 Ngrx Schematics 來替代它。 有沒有辦法兩者兼得？

Changes in Angular.json
  "cli": {
--"defaultCollection": "@ionic/angular-toolkit"
++"defaultCollection": "@ngrx/schematics"
},

@ionic/angular-toolkit: Angular @ionic/angular 應用程序的原理圖和構建器

Answer 1

我能夠使用 ngrx 原理圖為我的 Ionic 5 應用程序生成商店，方法是：

1. 安裝@ngrx/schematics 並允許他們替換@ionic/angular-toolkit。
2. 運行“ng generate store...”
3. 用“@ionic/angular-toolkit”替換“defaultCollection”條目

這似乎讓我能夠完成它——直到 Ionic 為此提供了對其原理圖的更新。

是的，這是一個 hack，每次我想創建一個商店時都要求我這樣做，但它允許我使用 ngrx 工具，想向某人學習更清潔的方法！

Answer 2

1. 安裝 @ngrx/store-devtools
2. 在 app.module.ts 的導入中添加“StoreDevtoolsModule.instrument({ maxAge: 30 })”