Angular University
blog.angular-university.io › angular-ngrx-devtools
Angular Ngrx DevTools: Important Practical Tips
February 23, 2026 - The Ngrx DevTools are a Chrome / Firefox browser extension that includes a UI for inspecting and interacting with a Ngrx-based application.
angular - NgRx Redux devtools not showing store and state details even though applicaton is working fine - Stack Overflow
Somehow the debugger in VSCode doesn't allow you to see the Redux tab in Devtools ... I also had this problem: Effect, reducer and selector all worked fine, but the action and the state did not show up in the NGRX dev tools. Turned out I just needed to close and reopen Chrome and voilà they ... More on stackoverflow.com
NgRx Angular App not working with Redux DevTools - Stack Overflow
So I'm following this tutorial to get familiar with ngRx Entity, and for some reason my redux dev tools isn't 'lighting up' to indicate that it's in an app that is using redux, and the data I want to More on stackoverflow.com
What dev tools would you want to see for Angular?
I always wanted a tool that would show a diagram of all the components and modules, showing the nesting. More on reddit.com
Introducing RxJS Insights Devtools
How much effort is it to release for Firefox too? This is great! More on reddit.com
Videos
NgRx
ngrx.io › guide › store-devtools
ngrx/store-devtools
Dive into NgRx with our getting started guide. You will learn how to think reactively and architect your Angular apps for success.
DigitalOcean
digitalocean.com › community › tutorials › angular-ngrx-store-redux-devtools
Using the Redux DevTools with ngrx/store | DigitalOcean
June 7, 2017 - The Redux DevTools extension is ... ngrx/store-devtools. First install the Redux DevTools extension itself. If you’re using Chrome, the easiest is through the Chrome web store....
GitHub
github.com › ngrx › platform › discussions › 3375
Cannot use the Ngrx dev tool for ngrx running through a Chrome Extension · ngrx/platform · Discussion #3375
I'm developing a Chrome Extension and use ngrx to manage its state. NgRx devtools works well when I serve the code through "ng serve". Once I "ng build" the angular code (so it can be further embeded into a Chrome Extension) and launch my extension, then the nrgx-devtool does not diplay anything.
Author ngrx
YouTube
youtube.com › watch
11. Install Redux Chrome Extension and ngrx store dev tools for debugging Angular Ngrx Application. - YouTube
Hi FriendsIn this video, we will see how to install the redux chrome extension and the ngrx store dev tools extension for debugging the angular ngrx applicat...
Published December 18, 2020
Top answer 1 of 7
41
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.
2 of 7
25
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 {}
Ngrx
v8.ngrx.io › guide › store-devtools
ngrx/store-devtools
This website requires JavaScript
GitHub
github.com › ngrx › store-devtools
GitHub - ngrx/store-devtools: Developer Tools for @ngrx/store · GitHub
Developer Tools for @ngrx/store. Contribute to ngrx/store-devtools development by creating an account on GitHub.
Starred by 325 users
Forked by 38 users
Languages TypeScript 95.6% | JavaScript 4.4%
GitHub
github.com › ngrx › platform › discussions › 4050
Redux dev tools not displaying my NGRX store in Chrome/Firefox · ngrx/platform · Discussion #4050
Hi, I added the @ngrx/store-devtools package to my app in the beginning of development and checked out the Redux dev tools and could see all of my NGRX store and it was fantastic. I've added a numb...
Author ngrx
Top answer 1 of 2
3
So make sure that ngrx is installed using the ng add syntax when you plan on using it in the project. using npm install @ngrx/store @ngrx/entity gave me problems. So it started working when I typed ng add @ngrx/store @ngrx/store-devtools @ngrx/entity
2 of 2
2
Make sure you import all modules from the store first before importing the StoreDevtoolsModule in the list of imports.
NgRx
ngrx.io › guide › store-devtools › install
NgRx
Dive into NgRx with our getting started guide. You will learn how to think reactively and architect your Angular apps for success.