Ни один экземпляр 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 решил это за меня.

В функции ngOnInit () компонента добавьте следующую строку перед созданием RecaptchaVerifier.

firebase.initializeApp(config);