同时删除Cloud Firestore文档和Fire Storage文件

Question

我有一个Cloud Firestore文档集合(关于我上传的文件的元数据(，我在Firebase Storage中有一个这些文件的存储桶。

我想使用我的Angular应用程序删除一个给定的文件。我可以删除Firestore文档，但无法删除Storage中的相应文件。

编译错误：Property 'then' does not exist on type 'Observable<any>'.

import { Component, OnInit } from '@angular/core';
import { Observable } from 'rxjs';                      // I was experimenting with onPromise()
import { finalize, tap } from 'rxjs/operators';
import { AngularFireStorage } from '@angular/fire/storage';
import { StateService } from '../services/state.service';
// ...
export class AdminComponent implements OnInit {
isProgressVisible: boolean;
constructor(private storage: AngularFireStorage, public stateService: StateService) {
this.isProgressVisible = false;
}
// ...    
deleteFile(file): void {
this.isProgressVisible = true;
let storagePath = file.storagePath;                     // ex: 'uploads/1598066351161_myfile.txt'
let delimiter = storagePath.indexOf('/');
let docID = file.storagePath.substring(delimiter + 1);  // ex: '1598066351161_myfile.txt'
let self = this;

this.stateService.firebase.firestore().collection('files').doc(docID).delete().then(function () {
console.log('cloud firestore doc deleted');
let ref = self.storage.ref(storagePath);            // delete the file from Storage
ref.delete().then(function () {
console.log('file deleted from storage!');
}).catch(function (error) {
console.error('Error deleting file from storage:', error);
});
}).catch(function (error) {
console.error('Error deleting cloud firestore doc:', error);
});
}
}

感谢您的帮助！

Answer 1

this.stateService.firebase.firestore().collection('files').doc(docID).delete()返回一个不承诺的可观察项。您应该使用toPromise()将其转换为promise，或者使用subscribe而不是then。

查看此帖子了解更多见解。