anthonyjgrove
Error "popup_closed_by_user"
Getting 'popup closed by user' error after choosing Google account and clicking 'Allow' in popup screen. Here is my request:
<GoogleLogin clientId='.....apps.googleusercontent.com' buttonText="Login" scope='https://www.googleapis.com/auth/drive.file' onSuccess={this.responseGoogle} onFailure={this.responseErrorGoogle}/>
+1 for this issue. Everything appears to work, but not getting anything in the response and seeing this error in the console.
This is likely because your google + api is not enabled. Go to Library and search for plus api. There should be a result for google plus API, please enable it and try again.
I was experiencing the same problem here. It was resolved when I re-created google credentials.
Go to https://console.developers.google.com/apis, and in the Google Plus API, access credentials, and create a new credential for "Oauth Client Id". In the "Application Type" select "Web Application". Be sure to put the full address of where the API is being called in the "Authorized redirect URIs". Finally, use the new "Client ID" that will be generated.
Despite this, the message displayed ("popup_closed_by_user") is not correct, so I believe the issue should be kept open.
Also getting this error. And seems like it's random and based on loading status. Because sometimes when I wait enough, I'm not getting an error. What is more, after I added this button, sometimes I'm getting infinite loading after reload (and in this state, the button always returns popup closed by user)
Clearing cache can help for a while, though the main problem is that error description doesn't explain what happened. And it's what should be fixed.
Having the same issue. It works normally in chrome, but getting { error: "popup_closed_by_user" } in firefox
its help me: https://github.com/anthonyjgrove/react-google-login/issues/132#issuecomment-364713349
Got this error on local, fixed it by including port number in the 'Authorized JavaScript origins', which is http://localhost:8000 instead of http://localhost
I fixed this issue by whitelisting
http://localhost
and adding cookiePolicy
<GoogleLogin clientId={WEB_CLIENT_ID} buttonText="Login with LF account" onSuccess={this.responseGoogle} onFailure={this.responseGoogle} cookiePolicy={'single_host_origin'} />
https://developers.google.com/identity/sign-in/web/reference#googleauththenoninit-onerror
for me, every time you have this error is because something is miss-configured, google or code.
I have a website deployed that serves a number of domains. All my .com domains on this hosted site work fine but my .dev site simply will not work unless I use an incognito browser. I can even open a new computer and visit the site for the very first time and I get an error. (All browsers)
Response from the iframe request : {"valid":false}
Does anyone have any insight as to why?
Response from the iframe request : {"valid":false} Does anyone have any insight as to why?
@retzion Configure your Authorized JS origin & redirect URI as mentioned in https://stackoverflow.com/a/53510968/8254487
Just cleared 1.3gb of cookies and cache but still no gain. Each time I try to sign up I get invalid client, right after setting http://localhost:3000 in google credentials
Clearing the cache doesn't strike me as a good solution if you're trying to make sure your users aren't hit with this error.
This solution worked for me: https://github.com/anthonyjgrove/react-google-login/issues/132#issuecomment-458029717
This is how I got it to work in Chrome, Go to Setting -> Advanced -> Clear browsing data -> Cached images and files -> Clear Data Also try this, going to site settings and make sure you allow 'Popups and redirects'
My colleagues on Mac and Windows face this problem as well. But on Mac more frequently
Check your browser plugins... Disable some which could potentially block trackers. In my case it was Privacy Badger
