неопределенное состояние ngrx при запуске приложения, StoreModule.forRoot () не настроен - PullRequest
Новая
       36

неопределенное состояние ngrx при запуске приложения, StoreModule.forRoot () не настроен

0 голосов
/ 03 июля 2018

Я использую redux в Angular, используя ngrx. Но я получаю undefined значение изначально, почему

вот мой код не запускайте это на Chrome (проблема в stackblitz в браузере Chrome) Пожалуйста, используйте другой браузер.

https://stackblitz.com/edit/angular-sz7rul?file=src%2Fapp%2Findex.ts

const getProductFeatureState =createFeatureSelector<fromProduct.ProductState>('productFeature')

export const getProducts = createSelector(
  getProductFeatureState,
  state => {

    console.log(state);
    return state.products
  }
);

Я печатаю свое состояние, которое мне дает undefined. Пожалуйста, помогите. Проверьте элемент и увидите ошибку 

preview-fe7237b13d780dbf847da.js:1 ERROR TypeError: Cannot read property 'products' of undefined
    at eval (VM2486 index.ts:15)
    at eval (selector.js:84)
    at memoized (selector.js:34)
    at defaultStateFn (selector.js:58)
    at eval (selector.js:87)
    at MapSubscriber.memoized [as project] (selector.js:34)
    at MapSubscriber._next (map.ts:78)
    at MapSubscriber.Subscriber.next (Subscriber.ts:102)
    at State.BehaviorSubject._subscribe (BehaviorSubject.ts:24)
    at State.Observable._trySubscribe

Ответы [ 2 ]

0 голосов
/ 03 июля 2018

Вы создаете featureSelector без каких-либо функциональных модулей, загруженных в магазине (нет StoreModule.forFeature('products', reducer) в вашем коде)

попробуйте это в вашем коде селектора index.ts: 

export const getProducts = (state: fromProduct.ProductState) => state.products;
0 голосов
/ 03 июля 2018

Вы неправильно настраиваете NgRx. В AppModule используйте использовать StoreModule.forRoot(...). В функциональном модуле вы будете использовать StoreModule.forFeature(...) Чтобы ваш пример работал, я исправил это здесь: https://stackblitz.com/edit/angular-8tuwu8?file=src/app/index.ts

См. Пример приложения здесь: https://github.com/ngrx/platform/tree/master/example-app

...