Auth Ausnahme in Grund Beispiel mit Winkel 2 und Feuerbasis

Question

ich folgen Sie einfach diesem Beispiel (install and setup angularfire2), die Teil der oficial Dokumentation von angularfire2

Und wie ich dieses Beispiel auszuführen Ich habe folgende Fehler ist.

Wie man sehen kann ich zwei Fehler haben, die erste, die ich denke, ist, wie einige mit dem autorization bezogen, und die folgende Ich denke, mit einer gewissen Operation im Zusammenhang, die nicht gut beenden.

Der Code ist genau wie das Beispiel. Und die Regeln der Datenbank sind dies diejenigen:

main.ts

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", 
    }) 
]); 

app.component.ts

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<any[]>; 
    constructor(af: AngularFire) { 
    this.heroes = af.database.list('SuperHeroes'); 
} 
} 

app.component.html

<h1> 
{{title}} 
</h1> 

<ul *ngFor="let hero of heroes | async"> 
    <li class="text"> 
    {{hero.name}} 
    </li> 
</ul> 

Irgendeine Idee über das Problem?

Answer 1

habe ich den gleichen Fehler bei der Einstellung: authDomain: "localhost",

Stellen Sie sicher, dass es von dir Feuerbasis Profil kopieren. Es sollte wie folgt aussehen: <your.app.name>.firebaseapp.com"