angular - 使用 angular 2 和 firebase 的基本示例中的身份验证异常

Question

我只是按照这个例子（安装和设置 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"