Getting an error: “Has no exported member AngularF

2019-01-14 09:07发布

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

2条回答
来,给爷笑一个
2楼-- · 2019-01-14 09:30

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

查看更多
Emotional °昔
3楼-- · 2019-01-14 09:45

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';
查看更多
登录 后发表回答