FCM getToken() gibt nichts zurück

Question

Ich versuche Firebase Cloud Messaging mit Angular2 zu verwenden, aber es ist so, als wollten sie nicht, dass wir @Google machen.

Ich habe this und this verfolgt, um Fehler zu stoppen.

bin vor mir jetzt folgendes Problem: Warum messaging.getToken() nichts zurückkehrt? Kein Fehler, kein Token in der Konsole, nichts.

Jede Hilfe ist mehr als willkommen. Vielen Dank.

EDIT Ich habe den Code unten mit meinem Versuch aktualisiert mit onTokenRefresh(). Es ändert nichts. Ich glaube, es kommt von der Tatsache, dass ich nicht wirklich an meine Firebase-Dateien angeschlossen bin. Hat es jemand geschafft, FCM mit Angular2 und AngularFire2 zu machen?

import {Component, OnInit, Inject} from '@angular/core'; 
import { FirebaseApp } from "angularfire2"; 
import * as firebase from 'firebase'; 

@Component({ 
    templateUrl: './+config.component.html', 
    styleUrls: ['./+config.component.scss'] 
}) 
export class UserConfigComponent implements OnInit { 

    private _messaging: firebase.messaging.Messaging; 

    constructor(@Inject(FirebaseApp) private _firebaseApp: firebase.app.App) { 
    this._messaging = firebase.messaging(); 
    } 

    ngOnInit() { 
    // Callback fired if Instance ID token is updated. 
    this._messaging.onTokenRefresh(function() { 
     this._messaging.getToken() 
     .then(function(refreshedToken) { 
      console.log('Token refreshed.', refreshedToken); 
     }) 
     .catch(function(err) { 
      console.log('Unable to retrieve refreshed token ', err); 
     }); 
    }); 
    } 

    requestPushNotif() { 
    this._messaging.requestPermission() 
     .then(() => { 
     console.log('have permission'); 
     return this._messaging.getToken(); 
     }) 
     .then(function(token) { 
     console.log(token); 
     }) 
     .catch((error) => { 
     console.log(error); 
     }); 
    } 

} 

Answer 1

Ok Ich habe die Lösung gefunden. Das Problem ergab sich aus der Beziehung zwischen Angular-CLI und AngularFire2.

Es ist here.

Ich hatte die folgende in src/tsconfig.json und in src/typings.d.ts hinzuzufügen:

"types": [ 
    "firebase" 
] 

und

declare var require: any; 
declare var module: any; 

ich dies jemand helfen kann hoffen.

Vielen Dank, Frank van Puffelen, für Ihre Hilfe. Sie sind immer hier, um auf meiner firebase Fragen zu helfen :)

EDIT Ich habe gerade herausgefunden, dass es nicht in allen Browser funktioniert. Es funktioniert in Firefox aber nicht in Chrom ... Wie kommt es?