NgRx Redux devtools not showing store and state details even though applicaton is working fine
To use the Redux devtools you'll have to install @ngrx/store-devtools and import it in the AppModule
- docs.
Install it with:
npm install @ngrx/store-devtools --save
Import it with:
@NgModule({
imports: [
StoreModule.forRoot(reducers),
// Instrumentation must be imported after importing StoreModule (config is optional)
StoreDevtoolsModule.instrument({
maxAge: 25, // Retains last 25 states
logOnly: environment.production, // Restrict extension to log-only mode
}),
],
})
export class AppModule {}
There is an issue with Angular app when Redux
doesn't see your Store
Check that you have
StoreDevtoolsModule.instrument(...)
after
StoreModule.forRoot(...)
Otherwise you are in trouble.
BTW, it is better to install DevTools with
ng add @ngrx/store-devtools
It adds schematich to the project.