storage.upload does not catch error as expected

Version info

Angular: 5.2.8

Firebase: 4.12

AngularFire: 5.0.0-rc.6

How to reproduce these conditions

https://stackblitz.com/edit/angular-storage-experiment?file=app%2Fapp.component.ts

Steps to set up and reproduce Just try to use the web app and upload a pdf file, the firebase instance have rules that reject such upload, the problem is that in app.component.ts file the try and catch does not work and thrown error is not caught

Sample data and security rules

service firebase.storage {
  match /b/{bucket}/o {
    match /{allPaths=**} {
      allow read, write: if false;
    }
  }
}

Debug output

** Errors in the JavaScript console **

 ERROR Error: Uncaught (in promise): FirebaseStorageError: {"code_":"storage/unauthorized","message_":"Firebase Storage: User does not have permission to access 'java.pdf'.","serverResponse_":"{\n  \"error\": {\n    \"code\": 403,\n    \"message\": \"Permission denied. Could not perform this operation\"\n  }\n}","name_":"FirebaseError"}

** Output from firebase.database().enableLogging(true); **

** Screenshots **

Expected behavior

Error to be caught

Actual behavior

Error is not caught

[NELBNL]

try it like this: https://stackblitz.com/edit/angular-storage-experiment-rmcqn4

edit: I just took a closer look at this with my IDE. It seems to make things worse (‘then’ shouldn’t be used that way, and it defeats the purpose of the Percentage observable.)

[jamesdaniels]

I’ve noticed catch is not working as expected in the JS SDK in several spots, can you open an issue on their repo since you’re using their API in this case? https://github.com/firebase/firebase-js-sdk/issues/new