NgRx Redux devtools not showing store and state details even though applicaton is working fine

angular typescript redux ngrx redux-devtools-extension
know_a_guy_hu_knows_anothr_guy picture know_a_guy_hu_knows_anothr_guy · Oct 2, 2018 · Viewed 8.2k times · Source

I am using the below sample application to learn angular+ngrx. APM Sample NgRx App

I have installed Redux firefox extension. But whenever I run/reload application, redux tab shows 'No store found' message. The application is working as expected(is able to retain state). I am able to dispatch actions, handle it in the reducer etc.. Please help.. I am stuck in this for quite a long time.

Answer

v-andrew picture v-andrew · Feb 2, 2020

There is an issue with Angular app when Redux doesn't see your Store

Check that you have

StoreDevtoolsModule.instrument({maxAge: 25, logOnly: environment.production})

after

StoreModule.forRoot(reducers)

Otherwise you are in trouble.

BTW, it is better to install DevTools with

ng add @ngrx/store-devtools

It adds schematics to the project.

Related questions

get single item from ngrx/store

I've written the following reducer to store the state items in my Angular 2 app. The Items are price offers for Financial Instruments (e.g. stocks/currencies). My Reducer Implementation is as follows: export const offersStore = (state = new Array<Offer&…

Read More
What is the purpose of ngrx/effects library?

I have failed to find any usefull information about this library or what is the purpose of it. It seems like ngrx/effects explain this library to developers who already know this concept and gives a bigginer example on how …

Read More
Can't bind to 'ngModel' since it isn't a known property of 'input'

I've got the following error when launching my Angular app, even if the component is not displayed. I have to comment out the <input> so that my app works. zone.js:461 Unhandled Promise rejection: Template parse errors: Can't …

Read More