1

angularfire2の公式ドキュメントの一部であるこの例（angularfire2 のインストールとセットアップ）に従うだけです

この例を実行すると、次のエラーが発生します。

ここに画像の説明を入力

ご覧のとおり、2 つのエラーがあります。最初のエラーは autorization に関連していると思われます。次のエラーは、正常に終了しない操作に関連していると思われます。

コードはまさに例のとおりです。データベースのルールは次のとおりです。

ここに画像の説明を入力

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>

問題について何か考えはありますか？

4

1 に答える 1

1

設定時に同じエラーが発生しました：authDomain: "localhost",

必ずfirebaseプロファイルからコピーしてください。次のようになります。<your.app.name>.firebaseapp.com"

于 2016-07-15T00:09:46.467 に答える