当前未初始化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为我解决了这个问题。

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

firebase.initializeApp(config);

Answer 2

正确的方法是：

AngularFireModule.initializeApp(environment.firebase,'utoopie')

至

AngularFireModule.initializeApp(environment.firebase)

在app.module.ts 中

欲了解更多信息，请点击此处查看此Github会议。

Answer 3

我遇到了这个问题：

确保已在app.module.ts中初始化AngularFireModule：AngularFireModule.initializeApp(environment.firebaseCred)

如果您仍然有问题，请再次使用ng serve。

如果您仍有问题，请通过以下方式将AngularFireAuthModule加载到您的app.module.ts中：

import {AngularFireAuthModule} from '@angular/fire/auth';
imports: [
AngularFireAuthModule
]

以及CCD_ 6。

这对我有效。