问题:

I am using react-google-invisible-recaptcha. but it is not working when page load it shows alert like "Cannot contact reCAPTCHA. Check your connection and try again" even though internet is faster. how can i use invisible-reCAPTCHA. is there way to overcome from this problem.

回答1:

While registering reCaptcha, I gave Domain as localhost. It solved the error for me. (I am using Visual Studio 2017, and I am running my web application on localhost.)

回答2:

Define domain name like this, While working with localhost

回答3:

I had the same problem (continuous messages "Cannot contact reCAPTCHA. Check your connection and try again") which drove me crazy.
Then I discovered that I had registered a "reCaptcha V2" for my site, but used the site key and the secret key to create an "invisible reCaptcha".
After registering an "invisible reCaptcha" for the same domain, I got a different key pair that worked flawlessly.
I concluded that the three types of reCaptcha (V2, invisible and Android) produce specific key pairs. Every key pair is unique for the reCaptcha type that has been registered for the domain, and cannot be used interchangeably for other reCaptcha types. On the other hand, one may register different reCaptcha types for the same domain, if needed.