如何从 Angularfire 承诺创建的可观察对象中捕获错误

Question

我正在尝试使用 angularfire 将 angular 应用程序中的文件上传到 firebase。 我首先从承诺创建一个可观察的对象，然后我尝试使用 catcherror 来获取错误。 我在存储规则中设置了一个规则，不允许大于 1MB 的文件。 当我尝试上传更大的文件时，它不允许这样做，但我也没有收到错误消息。 它与使用 from 创建可观察对象有关吗？ 这是我的代码。

let ref = this.afStorage.ref(`/folder`);

    return from(ref.put(file)).pipe(
        tap(() => this.store.dispatch(fromRoot.loadSuccess({message: `File Uploaded Successfully`, showMsg: true}))),
        catchError(err => of(fromRoot.loadFail({message: `Failed To Upload File`, showMsg: true, error: err})))
    )

Answer 1

抱歉，这是 ngrx 的错误。 我没有在 catchError 中调度动作。 应该

let ref = this.afStorage.ref(`/folder`);

return from(ref.put(file)).pipe(
    tap(() => this.store.dispatch(fromRoot.loadSuccess({message: `File Uploaded Successfully`, showMsg: true}))),
    catchError(err => of(this.dispatch(fromRoot.loadFail({message: `Failed To Upload File`, showMsg: true, error: err})))))
)