在 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 })”