search

FirebaseExtended / codelab-kanban-fire

43 stars 54 forks source link

Module @angular/fire has no exported error #12

Open aungkyawhein opened 2 years ago

aungkyawhein commented 2 years ago

Step 11. Moving the data to Firestore

The following two imports throw errors when I use @angular/fire version 7.

import { AngularFireModule } from '@angular/fire';
import { AngularFirestoreModule } from '@angular/fire/firestore';
Module '"@angular/fire"' has no exported member 'AngularFireModule'.
Module '"@angular/fire/firestore"' has no exported member 'AngularFirestoreModule'.

This is because of AngularFire version upgrade. Upgrading to AngularFire 7.0

A quick fix with compatibility mode or proper code example is needed for @angular/fire v7.

MrRSquared commented 2 years ago

Thank you for pointing this out. I am a bit confused as to the best way to proceed here. The database section seems a bit dense. It is difficult for me to understand exactly what is happening, and none of the methods correlate to the new version. I am going to proceed using the compact layer, but I feel as though that is a band-aid for now. Are there plans to rewrite this section for the new version, and are there any other resources anyone could share to help understand how these changes affected this tutorial (I assume this is due to lazy-loading, but am not even sure if that is correct).

Edit: Now that I successfully completed the tut with the /compat layer, I think the issue I am having with implementing this in non compact mode revolves around the collections.valueChanges() method.