如何使用ngrx启用trace和traceLimit？

Question

我正在尝试在ngrx/store-devtools上启用trace和traceLimit（此功能https://extension.remotedev.io/docs/Features/Trace.html）。

我目前正在使用这些软件包和版本，并运行 Angular 8。

“@ngrx/store”：“^8.0.1”

“@ngrx/store-devtools”：“^8.0.1”

@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    StoreModule.forRoot({}, ),
    StoreDevtoolsModule.instrument({
      maxAge: 25,
      logOnly: false,
      trace: true // KINDA EXPECTING AN OPTION LIKE THIS BUT SEEMS TO NOT BE SUPPORTED
    }),
  ],
  providers: [],
  bootstrap: [AppComponent, ],
}, )

我想在 Redux DevTools Chrome 扩展中查看堆栈。

Answer 1

这些功能仅在 redux 应用程序中启用。

因此，测试视图也被禁用。请参阅 https://github.com/ngrx/platform/issues/1868 了解更多信息。

Answer 2

看来 2022 年，trace 功能已在 ngrx 中实现。 Git 问题：https://github.com/ngrx/platform/pull/3665。

Trace 通过在我的 Angular 模块文件中适当配置 devtool 连接来为我工作。在您通常设置检测的位置，添加跟踪配置。

    !environment.production ? StoreDevtoolsModule.instrument({ 
      trace: true
    }) : [],