Firebase 存储不适用于 ionic 3 和 AngularFire 4.0.0 rc

Question

Firebase 存储无法与 ionic 3 和 AngularFire 4.0.0 rc 配合使用。返回并显示此错误消息。firebase.storage() 不接受参数或接受 Firebase 应用实例

//错误类型错误: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