FCM getToken() 不返回任何内容

Question

我正在尝试将 Firebase Cloud Messaging 与 Angular2 一起使用，但他们似乎不希望我们这样做@Google。

我一直在关注 this 和 this 以便能够阻止错误。

我现在面临以下问题： 为什么messaging.getToken() 什么都不返回？ 没有错误，控制台中没有令牌，什么都没有。

我们非常欢迎任何帮助。谢谢。

编辑 我尝试使用onTokenRefresh() 更新了下面的代码。它不会改变任何东西。我觉得这是因为我并没有真正插入我的 firebase 文件。有人能用 Angular2 和 AngularFire2 制作 FCM 吗？

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

好的，我找到了解决方案。问题来自 Angular-CLI 和 AngularFire2 之间的关系。

我是here。

我必须在src/tsconfig.json 和src/typings.d.ts 中添加以下内容：

"types": [
  "firebase"
]

和

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

我希望这可以帮助某人。

感谢 Frank van Puffelen 的帮助。你总是在这里帮助我解决我的火力问题:)

编辑我刚刚发现它不适用于所有浏览器。它可以在 Firefox 中运行，但不能在 chrome 中运行……怎么会？