/angularfire2/index has no exported member 'AngularFire'

angular, angular-cli, angularfire2, firebase, import

Solution

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()
}

Problem

Can't fix this problem: app.component.ts ``` import { AngularFire, AuthProviders, AuthMethods } from 'angularfire2'; /angularfire2/index has no exported member 'AngularFire', /angularfire2/index has no exported member 'AuthProviders', /angularfire2/index has no exported member 'AuthMethods ' ``` but in app.module.ts ``` import { AngularFireModule } from 'angularfire2'; ``` works fine and I can initialize the app package.json ``` "angularfire2": "^4.0.0-rc.0", "core-js": "^2.4.1", "firebase": "^3.9.0", ... "devDependencies": {... "ts-node": "~2.0.0", "tslint": "~4.5.0", "typescript": "~2.2.0" ```

Original source