I am new to Angular 4, so I am creating a firebase chat app with Angular 4, and then when I import some modules like this:
import { AngularFire, AuthProviders, AuthMethods,FirebaseListObservable } from 'angularfire2';
I get an error for each module that says
Has no exported member AngularFire, AuthProviders, AUthMethods, FirebaseListObservable.
Thank you
UP TO DATE(Ver 5.0.0-rc3):
While getting this error, this means you are using old Database API. This can solved by importing FirebaseListObservable
from depracated module(See also @Ashish Jha answer):
import { AngularFireModule } from 'angularfire2';
import { AngularFireDatabase, FirebaseListObservable, FirebaseObjectObservable } from 'angularfire2/database-deprecated';
It's recommended to use the latest API since AngularFire 5.0 brings new API for the Realtime Database. Refer upgrade guide.
ORIGINAL ANSWER: AngularFire2 has separate its modules since 4.0.0+.
you can import those two module if you want use auth of angularfire2, see their change log :
import {AngularFireModule} from 'angularfire2';
// for auth
import {AngularFireAuthModule} from 'angularfire2/auth';
// for database
import {AngularFireDatabaseModule} from 'angularfire2/database';
and import Auth
and Observable
(AuthMethods can be found in AngularFireAuth) type by:
// for auth
import { AngularFireAuth } from 'angularfire2/auth';
// for database
import { AngularFireDatabase } from 'angular2/database';
// for Observables
import {FirebaseListObservable, FirebaseObjectObservable } from 'angularfire2/database';
The solution that worked for me was to change this line
import { AngularFire, AuthProviders, AuthMethods,FirebaseListObservable } from 'angularfire2';
to
import { AngularFireAuth } from 'angularfire2/auth';
import { AngularFireDatabase, FirebaseListObservable } from "angularfire2/database-deprecated";
You can read more about it here https://github.com/angular/angularfire2/blob/master/CHANGELOG.md
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With