小编Vic*_*man的帖子

使用AngularFire2访问firebase.storage()(Angular2 rc.5)


我试图在我的项目上访问firebase.storage(),用:

  • "@angular":"2.0.0-rc.5"
  • "angularfire2":"^ 2.0.0-beta.3-pre2"
  • "firebase":"^ 3.3.0"

我找到了这个解决方案,并创建了我的.component.ts文件:

import { Component } from '@angular/core';
declare var firebase : any;

@Component({
  template: '<img [src]="image">'
})
export class RecipesComponent {
  image: string;
  constructor() {
    const storageRef = firebase.storage().ref().child('images/image.png');
    storageRef.getDownloadURL().then(url => this.image = url);
  }
}
Run Code Online (Sandbox Code Playgroud)

我在浏览器控制台中收到以下错误:

EXCEPTION: Error: Uncaught (in promise): EXCEPTION: Error in ./bstorageComponent class FBStorageComponent_Host - inline template:0:0
ORIGINAL EXCEPTION: Error: No Firebase App '[DEFAULT]' has been created - call Firebase App.initializeApp().
ORIGINAL STACKTRACE:
Error: No Firebase App '[DEFAULT]' …
Run Code Online (Sandbox Code Playgroud)

firebase firebase-storage angularfire2 angular

20
推荐指数
2
解决办法
1万
查看次数