4

Ich versuche, Facebook-Authentifizierung mit Firebase AngularFire2 zu tun. Ich befolge genau die gleichen Schritte wie dieses Tutorial github.com/angular/angularfire2/blob/master/docs/Auth-with-Ionic2.mdProperty 'authState' existiert nicht auf Typ 'AngularFireAuth' in ionic 2 App

Aber aus irgendeinem Grund funktioniert das nicht. Es gibt mir viele Fehler von der Seite meines Anbieters. Hier ist mein Code.

import { Injectable } from '@angular/core'; 
import { Component } from '@angular/core'; 
import { Http } from '@angular/http'; 
import 'rxjs/add/operator/map'; 
import { Observable } from 'rxjs/Observable'; 
import { AngularFireAuth } from 'angularfire2/auth'; 
import * as firebase from 'firebase/app'; 


@Injectable() 
export class AuthService { 
    private authState: Observable<firebase.User>; 
    private currentUser: firebase.User; 

    constructor(public http: Http, public afAuth: AngularFireAuth) { 
    console.log('Hello AuthService Provider'); 
    this.authState = afAuth.authState; //First error here. 
    afAuth.subscribe((user: firebase.User) => { //second here 
    this.currentUser = user; 
     }); 
} 

    get authenticated(): boolean { 
    return this.currentUser !== null; 
    } 

    signInWithFacebook(): firebase.Promise<any> { 
    return this.afAuth.auth.signInWithPopup(new firebase.auth.FacebookAuthProvider()); //third error here 
     } 

    signOut(): void { 
    this.afAuth.signOut(); 
    } 

    displayName(): string { 
    if (this.currentUser !== null) { 
     return this.currentUser.facebook.displayName; 
     } else { 
     return ''; 
     } 
    } 
} 

Fehler

Property 'authState' does not exist on type 'AngularFireAuth'.

Argument of type '(user: User) => void' is not assignable to parameter of type '(value: FirebaseAuthState) => void'. 
Types of parameters 'user' and 'value' are incompatible. 
Type 'FirebaseAuthState' is not assignable to type 'User'. 
Property 'delete' is missing in type 'FirebaseAuthState'. 

Property 'auth' does not exist on type 'AngularFireAuth'.

ich ziemlich neu bin zu eckig und ionische, mich hier führen, oder mich zu einem guten Tutorial navigieren

Antwort

4

Ich löse Dieses Problem Neuinstallation von Firebase und AngularFire2:

npm uninstall angularfire2 --save 
npm uninstall firebase --save 
npm install angularfire2 firebase --save 
Verwandte Themen