如何使用 ngrx 启用跟踪和跟踪限制?

Question

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

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

"@ngrx/商店"： "^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 年，追踪功能已在 ngrx 中实现。Git 问题：https://github.com/ngrx/platform/pull/3665。

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

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