EXCEPTION: This browser is not supported or 3rd party cookies and data may be disabled

firebase firebase-authentication angularfire2
choopage - Jek Bao picture choopage - Jek Bao · Jan 19, 2017 · Viewed 8.6k times · Source

This error occurs when our users "Block third-party cookies and site data".

To replicate the error, go to:

  1. Check your Chrome browser "Block third-party cookies and site data" reference in this guide
  2. Go to https://www.deeptent.com
  3. Click SIGN IN
  4. Next you will see a blank screen. And if you open up the browser developer console you will see this error:

We always advise our users to Uncheck the blocking of third-party cookies and site data; however, some users still prefer to block it.

  1. One can still sign in to their Gmail with this blocked. Interestingly, why can't our users sign in using the Firebase-Google OAuth provided with their third party cookies & site data blocked?

  2. We are built with Angular2 and Firebase. Is there no way that the users can still authenticate with third-party cookies and site data blocked?

Answer

Gus picture Gus · Jul 11, 2018

I had the same issue with firebase and Angular.

In your environment.ts file, look for: 

firebase: {
  authDomain: '<domain>.firebaseapp.com',

And in chrome settings chrome://settings/content/cookies, add the following string to the cookies whitelist:

https://[*.]firebaseapp.com

Related questions

Uncaught (in promise): Error: No provider for AngularFireAuth

We are tried login with google authentication using (Firebase/ionic2/angularjs2).Our code import { Component } from '@angular/core'; import { NavController } from 'ionic-angular'; import { Observable } from 'rxjs/Observable'; import { AngularFireAuth } from 'angularfire2/auth'; import * as firebase from 'firebase/app'; @Component({ …

Read More
Pass boolean from observable to observable

I want to check in my adminauthguard if the user has set a adminflag(in Firebase using angularfire2) canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot):Observable<boolean> | boolean { return this.loginservice.af.auth.map((auth) => { if(auth == null) { return …

Read More
Authenticate with signInWithCredential()

I'm trying to connect to the second Firebase app and authenticate with signInWithCredential(), but I don't know how to get valid idToken for the second app: connect(accessToken: string, config: FirebaseAppConfig) { let one: firebase.app.App = this.angularFireTwo.database["fbApp"]; …

Read More