Firebase iframe.js error: This browser is not supported - Latest Chrome

[Thomas Herbert]

Hello,

I am trying to make a very basic 'Hello Word' Firebase app using a standard React + Webpack setup. It works perfectly with Firebase 2.0, but after trying to upgrade I get the following error:

Is the latest Chrome truly not supported by Firebase 3.0? Could this be a compatibility issue with Webpack's Dev Server? I am trying to initialize the app like so:

import React from 'react'

import ReactDOM from 'react-dom'

import Firebase from 'firebase'

let config = {

  apiKey: //key,

  authDomain: //domain,

  databaseURL: //url

}

Firebase.initializeApp(config)

export default class App extends React.Component {

  render() {

    return(

      <div>

        Test

      </div>

    )

  }

}

The comments replaced with the credentials provided by Firebase, of course. I tried following the "for a server" set up instructions as well, generating the .json file and including it, but got the same error. I've been using Firebase 2.0 for quite a while with no issues - am I missing something obvious?

Thanks!

[boj...@google.com]

This error tends to happen sometimes if web storage is disabled. Make sure you have not disabled 3rd party cookies in your browser settings. 

[Ron Royston]

I'm not saying it will work, but you might try and hack at the iFrame's that Firebase injects behind the scenes.  Something like

    pub.iframeKiller = function(){
        for (var i = 0; i < iframes.length; i++) {
            iframes[i].location='';
        }
    };

    You can get at them like window.frames[0] too.

[Alex]

Solved!

Basically, you may have "3rd party cookies restriction" enabled in Chrome (privacy settings). Uncheck the box and voilá!

[boj...@google.com]

Glad it worked, Alex. The default settings should work.