Recently, I've been facing some challenges with my Angular 16 app that uses Firebase 9 and angular/fire 7. Specifically, I've been struggling to implement a simple file upload feature to Firebase storage. Despite spending the last couple of days troubleshooting various errors, I haven't been able to pinpoint the exact issue. I've extensively reviewed both the official documentation and the angular/fire Github repository but still can't seem to identify where I'm going wrong. Any advice or suggestions would be greatly appreciated.
In my Contact Us component within a lazily loaded module called ContactsModule, I have set up the file upload functionality. However, I'm uncertain whether being in a lazily loaded module has any implications on the imports?
The error message I keep encountering is as follows:
contact-us.component.ts:134 Error: Either AngularFireModule has not been provided in your AppModule (this can be done manually or implictly using provideFirebaseApp) or you're calling an AngularFire method outside of an NgModule (which is not supported).
Here are snippets from the relevant files:
app.module.ts
// Relevant code snippet from app.module.ts
// Code here...
contacts.module.ts
// Relevant code snippet from contacts.module.ts
// Code here...
contact-us.component.ts
// Relevant code snippet from contact-us.component.ts
// Code here...