/angularfire2/index has no exported member 'AngularFire'

Question

Can\'t fix this problem:

app.component.ts

import { AngularFire, AuthProviders, AuthMethods } from \'angularfire2\';

/angularfire2/index has no expor         


        

Answer 1

Upgrading to AngularFire2 4.0 solve my issue

Migration Guide: https://github.com/angular/angularfire2/blob/master/docs/version-4-upgrade.md

Answer 2

Since you are using angularfire2@4.0.0+, there is no AngularFire exported any more. Instead, you shall use it as below:

// import AngularFireAuthModule at NgModule
import { AngularFireAuthModule } from 'angularfire2/auth';


import { AngularFireAuth } from 'angularfire2/auth';
// inject 
construstor(afa: AngularFireAuth) {
  afa.auth.signInWithPopup()
}

Answer 3

The solution is :

With the "angularfire2": "^5.1.1",

you need this libraries too:

"rxfire": "^3.3.5",
"rxjs": "6.3.3",
"rxjs-compat": "6.3.3",