Javascript ng recaptcha ERR:错误:";未捕获(承诺):[object Null]“未捕获”;

Javascript ng recaptcha ERR:错误:";未捕获(承诺):[object Null]“未捕获”;,javascript,angular,recaptcha,Javascript,Angular,Recaptcha,我使用ng recaptcha包在我的web应用程序中实现Google recaptcha V3。 为此,我使用创建了一个服务,它将在客户端执行所有需要的操作 从'@angular/core'导入{Injectable}; 从'@angular/common/http'导入{HttpClient}; 从“ng recaptcha”导入{ReCaptchaV3Service,OnExecuteData}; 从'src/environments/environment'导入{environment

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

从'@angular/core'导入{Injectable};
从'@angular/common/http'导入{HttpClient};
从“ng recaptcha”导入{ReCaptchaV3Service,OnExecuteData};
从'src/environments/environment'导入{environment};
const BACKEND_URL=environment.apirl+'/contact/';
@可注射()
导出类联系人服务{
建造师(
私有http:HttpClient,
专用recaptchaV3Service:recaptchaV3Service
) {}
公共sendContactForm(数据):无效{
recaptchaV3Service.execute('contactForm').subscribe(数据=>{
控制台日志(数据);
});
//this.http.post(后端URL,数据)
//.订阅((响应数据)=>{
//控制台日志(responseData);
//     });
}

}
您需要将域添加到recaptcha管理员

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

如果站点未在Google recaptcha/admin Domains区域中“注册”,则会发生此错误。 解决方案:在recaptcha管理区域中添加域:

  • 登录您的Google帐户,注册您的recaptcha密钥
  • 在Google“Google Recpatch a管理控制台”中键入
  • 转到(生产)密钥的设置
  • 在“域”中,添加以下两个条目:
  • 保存它并测试您的recaptcha

  • 还有一个要求相同的事情,需要相同的解决方案

    你能在StackBlitz上创建一个示例演示吗?这能回答你的问题吗?作品非常感谢你。等了这么久才有答案,真管用!非常感谢你。等了这么久才有答案。
    localhost
    127.0.0.1