打字稿错误：类型"AngularFireStorageModule"上不存在属性 .ref

Question

我正在尝试使用Ionic中的AngularFire将图像上传到Firebase，但是'Property '.ref' does not exist on type 'AngularFireStorageModule'.'一直收到错误。

进口：

import { AngularFireAuth } from 'angularfire2/auth';
import { AngularFirestore, AngularFirestoreCollection } from 'angularfire2/firestore';
import { AngularFireStorageModule } from 'angularfire2/storage';
import * as firebase from 'firebase/app';
import { enableLogging } from '@firebase/database-types';

.ref 上的错误

for(var i = 0; i < this.imagePaths.length; i++){
console.log("Adding photo's" + this.imagePaths[i]);
const filePath = 'images/' + this.docRef + '/';
const ref = this.storage.ref(filePath);
const task = ref.put(this.imagePaths[i]).then((snapshot) => {
console.log('Uploaded an image!');
});
} 

错误发生在线路上const ref = this.storage.ref(filePath);

有谁知道为什么这行不通？我在网上搜索，但所有的教程都和我一样做所有事情。

Answer 1

import { AngularFireStorage } from 'angularfire2/storage';
constructor(private storage: AngularFireStorage)
uploadFile(file){
const filePath = 'images/' + this.docRef + '/';
const task = this.storage.upload(filePath, file);
task.percentageChanges().subscribe(per => {
console.log(per);
});
task.downloadURL().subscribe(url => {
console.log(url);
}
}

来源 角度火2 文档