Firebase Storage случайным образом возвращает хранилище / отменяется

Question

Я получаю сообщение о том, что загрузка была отменена пользователем, и я получаю три ошибки от одной загрузки в консоль (все та же ошибка из хранилища Firebase при загрузке файла. Я не могу понять, как,в коде, в котором выполняется отмена (при условии, что, поскольку он заявил, что пользователь отменяет его, то он находится внутри кода.

  startUpload(event: FileList, item:string) {
    // The File object
    const file = event.item(0);
    console.log(item);

    // Client-side validation example
    if (file.type.split('/')[0] !== 'image') { 
      console.error('unsupported file type')
      return;
    }

    // The storage path
    const path = `test/${new Date().getTime()}_${file.name}`;

    // Totally optional metadata
    const customMetadata = { user: item };

    // The main task
    this.uploadStatus = 'inprogress';
    this.task = this.storage.upload(path, file, { customMetadata })
    const fileRef = this.storage.ref(path);

    // Progress monitoring
    this.percentage = this.task.percentageChanges();
    this.snapshot = this.task.snapshotChanges().pipe(
      tap(snap => {
        if (snap.bytesTransferred === snap.totalBytes) {
          // Update firestore on completion
          this.db.collection('photos').add( { path, size: snap.totalBytes }); 
          this.uploadStatus = "finished";
        }
      }),
      finalize(()=>{
        this.downloadURL = fileRef.getDownloadURL();
        console.log("Final");
      })
    );

}

Полная ошибка из консоли Chrome: «Storage /отменено «code_:« хранилище / отменено »сообщение:« Firebase Storage: пользователь отменил загрузку / загрузку. »message_:« Firebase Storage: пользователь отменил загрузку / загрузку. »name: (...) name_:« FirebaseError »serverResponse: null serverResponse_: null

Хранилище Firebase: отображение рабочих загрузок (хотя я получаю сообщение об ошибке):

Answer 1

Я просто столкнулся с этой ошибкой сам:

FirebaseStorageError {code_: "storage/canceled", message_: "Firebase Storage: User canceled the upload/download.", serverResponse_: null, name_: "FirebaseError"}

Мой первоначальный взгляд

 <mat-progress-bar mode="determinate" *ngIf="(uploadPercent | async) == 0" [value]="uploadPercent | async"></mat-progress-bar>

| async

был виновником, который отменял наблюдаемое.

Решение:

        <ng-container *ngIf="(uploadPercent$ | async); let uploadPercent">
            <mat-progress-bar mode="determinate" *ngIf="uploadPercent !== 100" [value]="uploadPercent"></mat-progress-bar>
        </ng-container>