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"
Since you are using [email protected]+, 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()
}