Polymer Firebase: Uncaught TypeError: Kann Eigenschaft 'signInWithPopup' von undefined nicht lesen

Question

Ich bin ein Neuling mit Polymer und Firebase, ich übe mit den zwei Technologien. Ich versuche, Firebase-Auth für die Anwendungsauthentifizierung zu implementieren, aber ich gehe eine "Kann nicht lesen" signInWithPopup "undefined" Fehler.

ich habe diesen Code:

<paper-toolbar> 
    <span class="title">Sample!</span> 
    <paper-icon-button 
    icon="[[statusIcon(signedIn)]]" 
    on-tap="processAuth"> 
    </paper-icon-button> 
</paper-toolbar> 
<firebase-auth 
    id="auth" 
    app-name="emotions" 
    provider="google" 
    signed-in="{{signedIn}}" 
    user="{{user}}"> 
</firebase-auth> 

und das Skript für processAuth

processAuth: function() { 
    this.$.auth.signInWithPopup(); 
} 

und die folgenden Komponenten wurden bereits importiert:

<link rel="import" href="../../bower_components/polymerfire/polymerfire.html"> 
<link rel="import" href="../../bower_components/polymerfire/firebase-auth.html"> 

Habe ich etwas verpasst?

Sorry für diese sehr noob Frage.

Answer 1

Stellen Sie sicher, firebase-app mit dem gleichen app-name initialisieren, bevor Sie firebase-auth

Answer 2

Verwenden Sie document.getElementById('auth') anstelle von this.$.auth.

Es scheint für mich, dass this.$.auth versucht, eine #auth innerhalb paper-icon-button zu finden, die nicht da ist. Überprüfen Sie console.log(this) von processAuth zu überprüfen, wo this zeigt auf.