AngularFireStorage not working with capacitorHttp on native device
- Dominant language
- TypeScript
- Stars
- 7.8k
- Forks
- 2.2k
- Avg merge
- 22h 28m
- Merged PRs (30d)
- 6
Description
### Version info
**Angular:** 16.1.1
**Firebase:** 9.23.0
**AngularFire:** 7.6.1
**Other (e.g. Ionic/Cordova, Node, browser, operating system):**
Ionic:
Ionic CLI : 7.1.1 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 7.1.2
@angular-devkit/build-angular : 16.1.4
@angular-devkit/schematics : 16.1.4
@angular/cli : 16.1.4
@ionic/angular-toolkit : 10.0.0
Capacitor:
Capacitor CLI : 5.1.1
@capacitor/android : 5.1.1
@capacitor/core : 5.1.1
@capacitor/ios : 5.1.1
### How to reproduce these conditions
**Failing test unit, Stackblitz demonstrating the problem**
**Steps to set up and reproduce**
When enable capacitorHttp Angularfire storage unable to upload image on native device. Received error below.
**Sample data and security rules**
### Debug output
** Errors in the JavaScript console **
FirebaseError: Firebase Storage: An unknown error occurred, please check the error payload for server response. (storage/unknown)
** Output from `firebase.database().enableLogging(true);` **
** Screenshots **
### Expected behavior
### Actual behavior
Contributor guide
Research direction
Start by reproducing the AngularFire Storage upload on a Capacitor native device with capacitorHttp enabled, using the listed Angular, Firebase, AngularFire, Ionic, and Capacitor versions. Investigate the Firebase Storage unknown error and compare behavior with capacitorHttp disabled; done means image uploads work natively and the failure has a reproducible test or minimal example.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- angular, firebase, typescript
- Domain
- mobile
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 20/100