javascript - 未处理的 promise 拒绝 : Timeout ; Zone: Recaptcha

Question

我在我的 Angular 页面上添加了 recaptcha。在我解析 recaptcha 后，大约 10 秒后似乎出现错误。未处理的 promise 拒绝:超时；区域: ;任务:Promise.then；值:超时未定义。

import { Component, OnInit, OnDestroy, ElementRef, ViewChild } from '@angular/core';
import { ApiService } from '../../services/api.service';

@Component({
  selector: 'app-tdec-captcha',
  templateUrl: './tdec-captcha.component.html',
  styleUrls: ['./tdec-captcha.component.scss']
})
export class TdecCaptchaComponent implements OnInit, OnDestroy {
 
  constructor(private apiService: ApiService) { }

  ngOnInit() {
  }
  ngOnDestroy(){

  }

  relolved = function (event: any) {
    //this.re_Captcha = event
    if (event !== null) {
      this.apiService.re_Captcha = true;    
    }  
  }
}
<div class="overlay">
  <div #captcha>
    <re-captcha class="captcha" (resolved)="relolved($event)" siteKey="6wekif9g88gwZAAasYncf6GHj5F6dvpkQ_90000Bp
"></re-captcha> 
  </div>enter code here
</div>

Answer 1

这是由于 ng-recaptcha 包的内部问题。

如果可以 - 忽略它。将此错误添加到您的端到端测试或前端监控软件的白名单中。

否则，您可以手动覆盖 RecaptchaComponent 的 ngOnDestroy 方法(或创建组件分支)。请注意，此 是一个临时且非常糟糕的修复程序，可能会使您在升级组件版本时处于非常不幸的境地! 尽管如此，这里是大致的代码:

// somewhere in your "main.ts"
import { RecaptchaComponent } from 'ng-recaptcha';
RecaptchaComponent.prototype.ngOnDestroy = function() {
  if (this.subscription) {
    this.subscription.unsubscribe();
  }
}

(注:摘自ng-recaptcha tag causes error “zone.js: Unhandled Promise rejection” when route changes)