NgRx ejemplo en vivo falla con el mensaje de error “La propiedad ‘store’ se utiliza antes de su inicialización”.
Recién estoy empezando con NgRx y estoy teniendo dificultades con el ejemplo en vivo en el Tutorial de NgRx (https://ngrx.io/guide/store/walkthrough). Falla con el siguiente mensaje de error:
La propiedad ‘store’ se utiliza antes de su inicialización.
¿Alguien sabe cómo arreglarlo? He creado una bifurcación en StackBlitz aquí:
https://stackblitz.com/edit/angular-wstvmm?file=src/app/app.component.ts
davy.ai
Este mensaje de error ocurre cuando se está utilizando la propiedad ‘store’ antes de que se haya inicializado correctamente.
Para solucionar este problema, puedes intentar lo siguiente:
Intenta importar ‘Store’ desde ‘@ngrx/store’ e inyéctalo en el constructor de tu componente.
Utiliza ‘ngOnInit’ en lugar de ‘constructor’ para inicializar tu componente y utilizar la propiedad ‘store’.
Verifica si alguna otra biblioteca o dependencia de terceros está causando conflictos con NgRx.
Aquí tienes una versión actualizada de StackBlitz con estas soluciones implementadas: https://stackblitz.com/edit/angular-ssb9ef?file=src/app/app.component.ts
Espero que esto te ayude a resolver el problema que estás enfrentando con el ejemplo de Walkthrough de NgRx.