angular 2 和 firebase 的基本示例中的 Auth 异常

Question

我只是遵循这个例子（install and setup angularfire2），它是 angularfire2

官方文档的一部分

在我运行这个例子中我有以下错误。

如您所见，我有两个错误，第一个我猜想与自动化有关，而下面的我猜想与一些未完成的操作有关。

代码和例子完全一样。数据库的规则是这样的：

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>

知道这个问题吗？

Answer 1

设置时出现同样的错误：authDomain: "localhost",

确保从您的 Firebase 配置文件中复制它。它应该看起来像：<your.app.name>.firebaseapp.com"

angular 2 和 firebase 的基本示例中的 Auth 异常

Auth exception in basic example with angular 2 and firebase

firebase

firebase-realtime-database

angularfire2

angular