@ngrx/store-devtools – debugging

The following scenario can be found in the code repository under Chapter9/DevTools.

There are three things we need to do to get DevTools to work:

  • Install the NPM package: npm install @ngrx/store-devtools --save.
  • Install the Chrome extension: http://extension.remotedev.io/. This is called the Redux DevTools extension.
  • Set it up in your Angular module: this requires us to import DevTools into our Angular project.

Providing we have done the two first steps, we should only have the set up stage left, so we need to open up the app.module.ts file for that:

import { BrowserModule } from "@angular/platform-browser";import { NgModule } from "@angular/core";import { StoreModule } from "@ngrx/store";import { AppComponent ...

Get Architecting Angular Applications with Redux, RxJS, and NgRx now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.