在 Ionic 5 中使用 Ngrx DevTools

Using Ngrx DevTools with Ionic 5

我正在尝试按照 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: Angular Schematics and Builders for @ionic/angular apps

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

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

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

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

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