nativescript-ngrx-devtools

此插件允许您在 NativeScript 中使用 NgRx devtools。

安装

首先，运行

npm i @valor/nativescript-ngrx-devtools @valor/nativescript-websockets

在您的 polyfills.ts 中导入 @valor/nativescript-websockets

/**
 * 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';

然后将 NativeScriptNgRxDevtoolsModule.forRoot() 添加到您的 AppModule 导入中

@NgModule({
  imports: [
    StoreModule.forRoot(...),
    StoreDevtoolsModule.instrument(),
    NativeScriptNgRxDevtoolsModule.forRoot(),
  ],
  exports: [StoreModule],
})
export class AppModule {}

默认情况下，插件将尝试连接到 NativeScript 提供的默认 IP 地址上端口 8000 的 devtools，但可以通过传递一个选项对象到 NativeScriptNgRxDevtoolsModule.forRoot() 来进行配置。

要开始调试，请安装最新的 @redux-devtools/cli

npm i -g @redux-devtools/cli

然后打开它们

redux-devtools --open