12

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

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

4

5 回答 5

21

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

检查您是否有

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

后

StoreModule.forRoot(reducers)

否则你就有麻烦了。

顺便说一句，最好安装 DevTools

ng add @ngrx/store-devtools

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

于 2020-02-02T00:20:48.370 回答
17

要使用 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 {}
于 2018-10-02T20:25:00.583 回答
0

如果您安装了 @ngrx/store-devtools 并且商店仍未显示（相反，您会看到No store found - blah blah blah instructions），请在框架上方的上下文菜单中选择Reload Frame。

其中一张票声称不再需要这种解决方法，但对我来说是（Angular and store around v.7.2.x, Redux DevTools extension 2.17）

于 2019-07-03T15:57:14.133 回答
0

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

npm install @ngrx/store-devtools --save

我想把我的 2 美分经验告诉你们，这可能对你们中的许多人有所帮助。有订单问题。您必须在 reducer 之后添加 ngrx/store-devtools。如果您不维护订单，它将无法正常工作。

于 2020-06-23T07:14:04.373 回答
0

在应用程序模块中调用仪器方法来解决此错误。

例子-

 imports: [
        BrowserModule,
        AppRoutingModule,
        // StoreModule.forRoot({}),
        // StoreModule.forRoot(reducers, { metaReducers }),
    
        StoreModule.forRoot({ count: counterReducer }),
    
        // for debugging enable this instrument in development mode
        **!environment.production ? StoreDevtoolsModule.instrument() : [],**
    
        CustomerModule
    
      ],
于 2021-05-05T11:47:18.553 回答