Question

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

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

Answer 1

当Redux看不到您的Store时，Angular应用存在问题

检查您是否拥有

    StoreDevtoolsModule.instrument(...)

之后

    StoreModule.forRoot(...)

否则，您会遇到麻烦。

顺便说一句，最好使用以下工具安装DevTools

ng add @ngrx/store-devtools

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

Answer 2

要使用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 {}

Answer 3

如果您安装了@ ngrx / store-devtools并且商店仍然没有出现（相反，您会看到未找到商店-等等等等说明），框架上的上下文菜单，然后选择重新加载框架。

其中一张票证声称不再需要此解决方法，但对我来说（Angular并存储在v.7.2.x左右，Redux DevTools扩展名为2.17）

Answer 4

请确保通过以下命令安装了ngrx / store-devtools

npm install @ngrx/store-devtools --save

我想提出我的两分钱的经验，这可能对你们中的许多人有帮助。有订单问题。您必须在化简版之后添加ngrx / store-devtools。如果您不维护订单，它将无法正常工作。

Answer 5

调用instrument method in-app模块来解决这个错误。

示例-

SELECT SALEDATE, COUNT(*)
FROM BOOKSALES
WHERE SALEDATE >= '2021-03-01' AND SALEDATE < '2021-04-01' 
GROUP BY SALEDATE;

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

5 个答案: