Module '"@angular/fire"' has no exported member 'AngularFireModule'.ts(2305)

Singh99 answered on September 8, 2021 Popularity 10/10 Helpfulness 4/10

answer Module '"@angular/fire"' has no exported member 'AngularFireModule'.ts(2305)

related Module '"@angular/fire/firestore"' has no exported member 'AngularFirestore'

related Module '"@angular/fire"' has no exported member 'AngularFirestore'

related Module '"@angular/fire/messaging"' has no exported member 'AngularFireMessaging'

Module '"@angular/fire"' has no exported member 'AngularFireModule'.ts(2305)

Comment

You need to add "compat" like this in the end

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';
import { AngularFireDatabaseModule } from '@angular/fire/compat/database';

Popularity 10/10 Helpfulness 4/10 Language typescript

Source: stackoverflow.com

Tags: member module typescript

Link to this answer
Share Copy Link

Contributed on May 09 2022

Singh99

0 Answers Avg Quality 2/10

Closely Related Answers

Module '"@angular/fire/firestore"' has no exported member 'AngularFirestore'

Comment

//Angular changed the syntax, the new import should be:
import { Firestore,
       collectionData, collection} from '@angular/fire/firestore';

//You should also change the construction:
item$: Observable<Item[]>;
  constructor(firestore: Firestore) {
    const collection = collection(firestore, 'items');
    this.item$ = collectionData(collection);
}
//Check the GitHub repo in the source for more details

Popularity 9/10 Helpfulness 5/10 Language typescript

Source: github.com

Tags: member me

Link to this answer
Share Copy Link

Contributed on Jan 18 2022

MitchAloha

0 Answers Avg Quality 2/10

Module '"@angular/fire"' has no exported member 'AngularFirestore'

Comment

import { provideFirebaseApp, getApp, initializeApp } from '@angular/fire/app';
import { getFirestore, provideFirestore } from '@angular/fire/firestore';

@NgModule({
  imports: [
    provideFirebaseApp(() => initializeApp({ ... })),
    provideFirestore(() => getFirestore()),
  ],
  ...
})

Popularity 9/10 Helpfulness 4/10 Language whatever

Source: stackoverflow.com

Tags: member me

Link to this answer
Share Copy Link

Contributed on Jan 24 2022

Doubtful Dove

0 Answers Avg Quality 2/10

Module '"@angular/fire"' has no exported member 'AngularFirestore'

Comment

import { Firestore, collectionData, collection } from '@angular/fire/firestore';
import { Observable } from 'rxjs';
...
item$: Observable<Item[]>;
constructor(firestore: Firestore) {
    const collection = collection(firestore, 'items');
    this.item$ = collectionData(collection);
  }

Popularity 8/10 Helpfulness 3/10 Language typescript

Source: stackoverflow.com

Tags: member module mo

Link to this answer
Share Copy Link

Contributed on Jan 24 2022

Doubtful Dove

0 Answers Avg Quality 2/10

Module '"@angular/fire/messaging"' has no exported member 'AngularFireMessaging'

Comment

-2

Check the versions compatibility illustrated here:
https://www.npmjs.com/package/@angular/fire

Popularity 9/10 Helpfulness 1/10 Language whatever

Source: Grepper

Tags: member me

Link to this answer
Share Copy Link

Contributed on Sep 08 2021

MitchAloha

0 Answers Avg Quality 2/10

Module '"@angular/fire"' has no exported member 'AngularFireModule'.ts(2305)

Contents

More Related Answers

Module '"@angular/fire"' has no exported member 'AngularFireModule'.ts(2305)

Closely Related Answers

Module '"@angular/fire/firestore"' has no exported member 'AngularFirestore'

Module '"@angular/fire"' has no exported member 'AngularFirestore'

Module '"@angular/fire"' has no exported member 'AngularFirestore'

Module '"@angular/fire/messaging"' has no exported member 'AngularFireMessaging'

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.