NgRx Redux devtools не показывает информацию о хранилище и состоянии, даже если приложение работает нормально

Question

Я использую приведенный ниже пример приложения, чтобы выучить angular + ngrx. Пример приложения NgRx для APM

Я установил расширение Redux Firefox.Но всякий раз, когда я запускаю / перезагружаю приложение, на вкладке «Извлечение» отображается сообщение «Магазин не найден».Приложение работает как положено (может сохранить состояние).Я могу отправлять действия, обрабатывать их в редукторе и т. Д. Пожалуйста, помогите ... Я застрял в этом довольно долго.

Answer 1

Если у вас установлен @ ngrx / store-devtools, а магазин все еще не отображается (вместо этого вы видите Магазин не найден - бла-бла-бла инструкции ), контекстменю над фреймом и выберите Перезагрузить фрейм .

В одном из тикетов утверждалось, что этот обходной путь больше не нужен, но для меня он был (Angular и хранится около v.7.2.x, Redux DevTools расширение 2.17)

Answer 2

Чтобы использовать Redux devtools, вам нужно установить @ ngrx / store-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 {}