angularfire icon indicating copy to clipboard operation
angularfire copied to clipboard

Fixed issue of Angular 16 --> @Angular/fire 7 --> firbase

Open ghost opened this issue 2 years ago • 1 comments

  • Error : node_modules/@angular/fire/compat/firestore/interfaces.d.ts:29:33

place of error is app.module.ts : The problem is in importation "AngularFirestoreModule" from @angular/fire/compat/firestore , As for the rest, it works

import { AngularFireModule } from '@angular/fire/compat';
import { AngularFireAuthModule } from '@angular/fire/compat/auth';
import { AngularFireStorageModule } from '@angular/fire/compat/storage';
import { AngularFirestoreModule } from '@angular/fire/compat/firestore' ;     <--
  • the solution : Change the Module name to " FirestoreModule " and change the path to " @angular/fire/firestore " import { FirestoreModule } from '@angular/fire/firestore'

  • and

 imports: [
. . . 
  AngularFireModule.initializeApp(environment.firebase),
  AngularFireAuthModule,
  AngularFireStorageModule,
  FirestoreModule,   <--
. . . ] ; 
  • Versions Informations
 "firebase": "10.4.0",
 "@angular/fire": "7.6.1",
  angular : 16.2.1


node js 16.2.1
  • Note: Do not edit the file interfaces.d.ts

ghost avatar Sep 17 '23 22:09 ghost

This issue does not seem to follow the issue template. Make sure you provide all the required information.

google-oss-bot avatar Sep 17 '23 22:09 google-oss-bot