Auth exception in basic example with angular 2 and firebase
<p>I just follow this example ( <a href="https://github.com/angular/angularfire2/blob/master/docs/1-install-and-setup.md" rel="nofollow noreferrer">install and setup angularfire2</a> ) that is part of the oficial documentation of angularfire2 </p>

<p>And as I run this example I have the following error.</p>

<p><a href="https://i.stack.imgur.com/Ff1I0.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ff1I0.png" alt="enter image description here"></a></p>

<p>As you can see I have two errors , the first one I  guess is related some how with the autorization , and the following I guess is related with some operation that does not finish well.</p>

<p>The code is exactly as the example. 
And the rules of the data base are this ones :</p>

<p><a href="https://i.stack.imgur.com/iDWUI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/iDWUI.png" alt="enter image description here"></a></p>

<p>main.ts</p>

<pre><code>import { bootstrap } from '@angular/platform-browser-dynamic';
import { enableProdMode } from '@angular/core';
import { AppComponent, environment } from './app/';
import { FIREBASE_PROVIDERS, defaultFirebase } from 'angularfire2';

if (environment.production) {
  enableProdMode();
}

bootstrap(AppComponent,[
  FIREBASE_PROVIDERS,
  defaultFirebase({ //this data is replace with false data
    apiKey: "apiKey",
    authDomain: "localhost",
    databaseURL: "https://databaseUrl/",
    storageBucket: "gs://storageBucket",
  })
]);
</code></pre>

<p>app.component.ts</p>

<pre><code>import { Component } from '@angular/core';
import { AngularFire, FirebaseListObservable } from 'angularfire2';


@Component({
  moduleId: module.id,
  selector: 'app-root',
  templateUrl: 'app.component.html',
  styleUrls: ['app.component.css']
})
export class AppComponent {
  title = 'app works!';

  heroes : FirebaseListObservable&lt;any[]&gt;;
  constructor(af: AngularFire) {
    this.heroes = af.database.list('SuperHeroes');
 }
}
</code></pre>

<p>app.component.html
</p>

<pre class="lang-html prettyprint-override"><code>&lt;h1&gt;
{{title}}
&lt;/h1&gt;

&lt;ul *ngFor="let hero of heroes | async"&gt;
  &lt;li class="text"&gt;
  {{hero.name}}
  &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>Any idea about the problem ? </p>