Firebase存儲不支持離子3＆AngularFire 4.0.0 rc

Question

Firebase存儲不支持離子3 & AngularFire 4.0.0 rc。返回此錯誤消息的 。 firebase.storage（）接受或者沒有參數或火力地堡App實例

//錯誤 類型錯誤：this.fb.storage不是一個函數

//Module 
import {NgModule} from '@angular/core'; 
import {IonicPageModule} from 'ionic-angular'; 
import {ProfilePage} from './profile'; 
import 'firebase/storage' 
@NgModule({ 
declarations: [ 
ProfilePage, 
], 
imports: [ 
IonicPageModule.forChild(ProfilePage), 
], 
exports: [ 
ProfilePage 
] 
}) 
export class ProfilePageModule { 
} 
//components 

import {Component, Inject} from '@angular/core'; 
import {NavController, IonicPage} from 'ionic-angular'; 
import {NgForm} from "@angular/forms"; 
import {AngularFireAuth} from 'angularfire2/auth'; 
import {AngularFireDatabase, FirebaseListObservable, FirebaseObjectObservable} from 'angularfire2/database'; 
import * as firebase from 'firebase'; // for typings 
import { FirebaseApp } from 'angularfire2'; 

@ionicpage() 
@component({ 
selector: 'page-profile', 
templateUrl: 'profile.html', 
}) 
export class ProfilePage { 

file:any; 
forUpLoadRef: FirebaseListObservable; 
userRef: FirebaseObjectObservable; 
storageRef:any; 

constructor(public navCtrl: NavController, public af: AngularFireAuth, 
public db: AngularFireDatabase, private fb: FirebaseApp) {} 

UploadNewImage(){ 
this.file = (document.getElementById('inputFileId')).files[0]; 
console.log("file recived"+ JSON.stringify(this.file.name)); 
let storageRef = this.fb.storage().ref(); 
var metadata = { 
contentType: 'image/*' 
}; 

this.storageRef.child('images/'+this.file.name).put(this.file,metadata) 
} 

} 

//error 
TypeError: this.fb.storage is not a function 

Answer 1

只是你的父母模塊中添加import 'firebase/storage'; https://github.com/angular/angularfire2/issues/1015