angular - 即使应用程序工作正常，NgRx Redux devtools 也没有显示存储和状态详细信息

Question

我正在使用以下示例应用程序来学习 angular+ngrx。
APM Sample NgRx App

我已经安装了 Redux firefox 扩展。但是每当我运行/重新加载应用程序时，redux 选项卡都会显示“未找到商店”消息。应用程序按预期工作(能够保持状态)。我能够调度 Action ，在 reducer 中处理它等等。
请帮助..我被困在这个问题上很长时间了。

Answer 1

要使用 Redux devtools，您必须安装 @ngrx/store-devtools 并将其导入 AppModule - docs .
安装它:

npm install @ngrx/store-devtools --save 

导入它:

@NgModule({
  imports: [
    StoreModule.forRoot(reducers),
    // Instrumentation must be imported after importing StoreModule (config is optional)
    StoreDevtoolsModule.instrument({
      maxAge: 25, // Retains last 25 states
      logOnly: environment.production, // Restrict extension to log-only mode
    }),
  ],
})
export class AppModule {}