在 Ionic 5 中使用 Ngrx DevTools

Question

我正在尝试关注 this link 以使用 Ngrx DevTools。但是 Ionic 使用 @ionic/angular-toolkit，我们需要启用 Ngrx Schematics 来替代它。有没有办法两者兼得？

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

@ionic/angular-toolkit：@ionic/angular 应用程序的 Angular Schematics 和构建器

Answer 1

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

Answer 2

我能够使用 ngrx 原理图为我的 Ionic 5 应用程序生成商店：

1. 安装 @ngrx/schematics 并允许它们替换 @ionic/angular-toolkit。
2. 正在运行“ng generate store...”
3. 将“defaultCollection”条目替换为“@ionic/angular-toolkit”

这似乎让我能够完成它——直到 Ionic 为他们的原理图提供更新。

是的，这是一个 hack，每次我想要创建商店时都需要这样做，但它允许我使用 ngrx 工具，想向某人学习更清洁的方法！