NgRx live example fails with error message "Property 'store' is used before its initialization

Question

I'm just getting started with NgRx and I'm struggling with the live example in the Walkthrough of NgRx (https://ngrx.io/guide/store/walkthrough). It fails with the following error message:

Property 'store' is used before its initialization.

Does anyone know how to fix it? I have created a StackBlitz fork here:

https://stackblitz.com/edit/angular-wstvmm?file=src/app/app.component.ts

if you initialize `books$` and `bookCollection$` in `ngOnInit` it fixes the issue. https://stackblitz.com/edit/angular-wstvmm-3dxj4w — Jason White, Jan 07 '22 at 00:15
you can also do the initialization in the constructor to get the same effect you you are attempting to do. — Henrik Bøgelund Lavstsen, Jan 07 '22 at 03:51

score 1 · Accepted Answer · answered Jan 10 '22 at 16:36

1

try

  books$;
  bookCollection$;
  
  constructor(private booksService: GoogleBooksService, private store: Store) {
    this.books$ = this.store.select(selectBooks);
    this.bookCollection$ = this.store.select(selectBookCollection);
  }

answered Jan 10 '22 at 16:36

Kohey

26
1

NgRx live example fails with error message "Property 'store' is used before its initialization

1 Answers1