ng-recaptcha ERR：错误：“未捕获（承诺）：[object Null]”

Question

我正在使用 ng-recaptcha 包来在我的网络应用程序中实现 Google reCAPTCHA V3。 为此，我创建了一个服务，它将在客户端执行所有需要的操作。

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { ReCaptchaV3Service, OnExecuteData } from 'ng-recaptcha';

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


const BACKEND_URL = environment.apiUrl + '/contact/';

@Injectable()
export class ContactService {
    constructor(
        private http: HttpClient,
        private recaptchaV3Service: ReCaptchaV3Service
    ) {}

    public sendContactForm(data): void {
        this.recaptchaV3Service.execute('contactForm').subscribe(data => {
            console.log(data);
        });

        // this.http.post(BACKEND_URL, data)
        //     .subscribe((responseData) => {
        //         console.log(responseData);
        //     });
    }
}

不幸的是，在执行 recaptcha 时（在 sendContactForm 方法上），我收到以下错误：

“未捕获（承诺）：[object Null]”

这里有什么问题？

Answer 1

您需要将您的域添加到recaptcha 管理员console。

不要忘记为您的测试添加localhost。

Answer 2

当网站未在 Google recaptcha/admin Domains 区域中“注册”时会发生此错误。

解决方法：在recaptcha管理区添加域名：

1. 登录您的注册验证码的 Google 帐户
2. 在 Google 中输入“google recpatcha 管理控制台”
3. 转到您的（生产）密钥设置
4. 在“域”中，添加以下两个条目：

localhost
127.0.0.1

5. 保存并测试您的验证码。

还有另一个question 提出同样的问题并需要同样的解决方案。