Using Ngrx DevTools with Ionic 5

Question

I am trying to follow this link to use the Ngrx DevTools. But Ionic uses @ionic/angular-toolkit, and we need to enable the Ngrx Schematics which replaces that. Is there a way to have both?

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

@ionic/angular-toolkit: Angular Schematics and Builders for @ionic/angular apps

[Link to @ionic/angular-toolkit](https://github.com/ionic-team/angular-toolkit) — MMJ, Jun 16 '20 at 05:36

score 2 · Accepted Answer · answered Jun 22 '20 at 15:29

2

I was able to use the ngrx schematics to generate my stores for my Ionic 5 app by:

installing the @ngrx/schematics and allowing them to replace the @ionic/angular-toolkit.
running "ng generate store..."
replacing the "defaultCollection" entry with "@ionic/angular-toolkit"

This seemed to allow me to get it done -- until Ionic provides an update to their schematics for this.

Yes, this is a hack, and requires me to do this each time that I want to gen a store, but it allows me to use ngrx tools, would like to learn a cleaner way from someone!

answered Jun 22 '20 at 15:29

Joel Stevick

1,638
2
16
22

Nice, so add the store and roll the schematics back again. Seams to be the only way until Ionic team updates their schematics. Thanks! – MMJ Jun 24 '20 at 03:35
Helped me as well. Too bad the ngrx schematics don't work when you add this – Sinan Samet Jul 24 '20 at 09:00

score 1 · Answer 2 · answered Dec 27 '21 at 18:19

1

Install @ngrx/store-devtools
Add "StoreDevtoolsModule.instrument({ maxAge: 30 })" in imports in app.module.ts

answered Dec 27 '21 at 18:19

Ariyan Ashfaque Mostafa

133
9

Using Ngrx DevTools with Ionic 5

2 Answers2