当前未初始化 firebase.app.App 实例。Angular 6 登录时出现电话错误

Question

我已经初始化了 firebase 应用程序，并尝试了所有可能的方法，但我无法消除这个错误。我正在尝试使用电话号码身份验证登录 firebase。

下面是我的 app.component.ts 文件：

import { AngularFireAuth } from 'angularfire2/auth';
import { Component } from '@angular/core';
import * as firebase from 'firebase/app';
import { AngularFireModule } from 'angularfire2';
import { AngularFirestoreModule } from 'angularfire2/firestore';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})

export class AppComponent {

  applicationVerifier = new firebase.auth.RecaptchaVerifier('recaptcha-container', {
    'size': 'invisible',
    'callback': function(response) {
    },
    'expired-callback': function() {
    }
    });
   signIn(phone) {

    firebase.auth().signInWithPhoneNumber(phone, this.applicationVerifier)
    .then(function(confirmationResult) {
      var code = window.prompt("Please enter your code");
      return confirmationResult.confirm(code);
    })
    .then(function(result) {
    })
    .catch(function(error) {
      console.log("error", error);
    });
   }
  }

请帮助解决此错误。

Answer 1

我遇到了同样的问题。打电话firebase.initializeApp给我解决了。

在创建 RecaptchaVerifier 之前，在组件的 ngOnInit() 函数中添加以下行。

firebase.initializeApp(config);