NgRx Redux devtools不显示存储和状态详细信息，即使applicaton运行良好

Question

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

我已经安装了Redux firefox扩展。但是，每当我运行/重新加载应用程序时，“ redux”选项卡都会显示“找不到存储”消息。该应用程序按预期方式工作（能够保留状态）。我能够调度动作，在化简器中进行处理等。请帮助..我被困在很长一段时间。

Answer 1

Angular 应用程序出现问题时Redux看不到您的Store

检查你是否有

StoreDevtoolsModule.instrument({maxAge: 25, logOnly: environment.production})

后

StoreModule.forRoot(reducers)

否则你就有麻烦了。

顺便说一句，最好安装 DevTools

ng add @ngrx/store-devtools

它将原理图添加到项目中。

Answer 2

要使用终极版devtools你必须安装@ NGRX /商店devtools并在导入AppModule- 文档。

通过以下方式安装：

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 {}