在 Angular 中使用 Firebase 身份验证 RecaptchaVerifier 时出错

Question

我正在尝试使用 Angular 12 和 Firebase 实现 2FA。但是我在 ngAfterViewInit 的过程开始时不断收到错误：

这是我的代码：

  ngAfterViewInit(): void {
    this.windowRef = this.win.windowRef;
    this.windowRef.recaptchaVerifier = new firebase.auth.RecaptchaVerifier('recaptcha-container', {
      'size': 'invisible',
      'callback': (response: any) => {
        console.log('callback ==>',response);
      }
    });
    this.windowRef.recaptchaVerifier.render();      
  }

我主要关注this example。

Answer 1

问题出在我的 html 中。我有一个 <div id="recaptcha-container"></div> 里面的 if 条件是错误的。我把它从那个 if 条件中移出来了，它工作得很好。