ng-recaptcha ERR: Error: "Uncaught (in promise): [object Null]"

Question

I am using ng-recaptcha package in order to implement Google reCAPTCHA V3 in my web app. For that I created a Service with will perform all the needed actions on the client side.

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);
        //     });
    }
}

Unfortunatelly, when executing recaptcha (on sendContactForm method), I get the following error:

"Uncaught (in promise): [object Null]"

What is wrong here?

Does this answer your question? [Google reCaptcha response "Uncaught (in promise) null"](https://stackoverflow.com/questions/52390562/google-recaptcha-response-uncaught-in-promise-null) — EliteRaceElephant, Feb 27 '20 at 23:56

score 5 · Accepted Answer · answered Feb 27 '20 at 23:56

This errors occurs when a site is not "registered" in the Google recaptcha/admin Domains area.

Solution: Add the domain in the recaptcha admin area:

Sign into your Google account where your recaptcha keys are registered
Type into Google "google recpatcha admin console"
Go to your settings for your (production) key
In "Domains", add these two entries:

localhost
127.0.0.1

Save it and test your recaptcha.

There is another question that asks the same thing and requires the same solution.

Works! Thank you so much. Waiting so long for an answer. – Ron Rofe Feb 29 '20 at 10:59 — Ron Rofe, Feb 29 '20 at 10:59

score 2 · Answer 2 · edited Feb 13 '20 at 10:02

2

You need to add your domain to the recaptcha admin console.

Don't forget to add localhost for your test.

edited Feb 13 '20 at 10:02

4b0

21,981
30
95
142

answered Feb 13 '20 at 09:55

Mephisto

21
2

Works! Thank you so much. Waiting so long for an answer. – Ron Rofe Feb 29 '20 at 10:59

ng-recaptcha ERR: Error: "Uncaught (in promise): [object Null]"

2 Answers2

This errors occurs when a site is not "registered" in the Google recaptcha/admin Domains area.