angular / angular/angularfire

AngularFireStorage not working with capacitorHttp on native device

Open
#3,407 5 comments 0 reactions 0 assignees View on GitHub
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.