Menu
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"
760
AngularFireAuth. user provides you an Observable<User|null> to monitor your application's authentication State. AngularFireAuth promise proxies an initialized firebase. auth. Auth instance, allowing you to log users in, out, etc.
First you'll want to inject the AngularFirestore injectable into your component: import { Component } from '@angular/core'; import { AngularFirestore } from 'angularfire2/firestore'; @Component({ ... }) export class AppComponent { constructor( private afs: AngularFirestore ) { // ... } }
AngularFireDatabase is a service which can be injected through the constructor of your Angular component or @Injectable() service. In the previous step, we modified the /src/app/app. component. ts to retrieve data as an object.
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()
}
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
