This plugin allows you to use NgRx devtools with NativeScript.
Firstly, run:
npm i @valor/nativescript-ngrx-devtools @valor/nativescript-websocketsImport @valor/nativescript-websockets in your polyfills.ts:
/** * NativeScript Polyfills */ // Install @nativescript/core polyfills (XHR, setTimeout, requestAnimationFrame) import '@nativescript/core/globals'; import '@valor/nativescript-websockets'; // add this line! // Install @nativescript/angular specific polyfills import '@nativescript/angular/polyfills'; /** * Zone.js and patches */ // Add pre-zone.js patches needed for the NativeScript platform import '@nativescript/zone-js/dist/pre-zone-polyfills'; // Zone JS is required by default for Angular itself import 'zone.js'; // Add NativeScript specific Zone JS patches import '@nativescript/zone-js';Then add NativeScriptNgRxDevtoolsModule.forRoot() to your AppModule imports:
@NgModule({ imports: [ StoreModule.forRoot(...), StoreDevtoolsModule.instrument(), NativeScriptNgRxDevtoolsModule.forRoot(), ], exports: [StoreModule], }) export class AppModule {}By default the plugin will try to connect to the devtools on port 8000 on the default IPs provided by NativeScript (__NS_DEV_HOST_IPS__), but this can be configured by passing an options object to NativeScriptNgRxDevtoolsModule.forRoot().
To start debugging install the latest @redux-devtools/cli:
npm i -g @redux-devtools/cliThen open them:
redux-devtools --open