javascript - 当前在 Angular 应用程序中没有初始化 firebase.app.App 实例

标签 javascript angular firebase firebase-authentication

我在Web应用程序中使用firebase移动身份验证,当我使用recaptchaVerifier时,当recaptchaVerifier未显示并给出此错误时,我准备在项目中使用实时数据库,工作正常,但不知道为什么移动身份验证模块是不工作 app.module.ts

import { environment } from './../environments/environment';

进口:[ AngularFireModule.initializeApp(environment.firebaseConfig)]

组件.module.ts

ngOnInit() {


this.windowRef = this.win.windowRef
this.windowRef.recaptchaVerifier = new firebase.auth.RecaptchaVerifier('recaptcha-container')

this.windowRef.recaptchaVerifier.render()

} enter image description here

请帮我解决这个问题!

最佳答案

您需要使用initializeApp方法初始化firebase实例

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

firebase.initializeApp(config);
this.windowRef.recaptchaVerifier.render()

关于javascript - 当前在 Angular 应用程序中没有初始化 firebase.app.App 实例,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61712649/

相关文章:

ios - 是否可以替代使用 NSNotificationCenter 和 kFIRInstanceIDTokenRefreshNotification 来检测过期 token ?

Angular 8 - 将 base64 解析为文件

javascript - 如何让这个按钮来重置这个 react 组件中的计时器?

javascript - AngularJS如何在与指令相同的级别要求ngForm

javascript - 将 Javascript 变量传递给 Google 脚本函数 (Google Sheets)

angular - Angular 4 的箭头函数(Lambda 函数)

angular - 发生未处理的异常 : Cannot find module '@angular/compiler-cli' with ng serve

android - 如何在 Cloud Firestore 中使用文档 ID 执行集合组查询

ios - 如何解决 swift iOS 的 libc++abi.dylib 错误

javascript - Reactjs:依赖 render() 函数参数进行渲染不起作用