Uncaught Error: "location.protocol" must be http or https when building to device using Ionic 2 & Angular 2

[redolds]

Error in question:
This operation is not supported in the environment this application is running on. "location.protocol" must be http or https.

This error only occurs when the app is built & running on a device. In the browser it works great (which is logical).

Maybe there's a way to manually set the location.protocol on a cordova app using Ionic 2?

[aaronksaunders]

here is a project where I am running into issues - https://github.com/aaronksaunders/ionic2-angularfire-sample/tree/firebase3-support

Issue appears to be around anything that you need to subscrbe to, I am creating a very basic app to demonstrate the issue.

I am getting errors thrown around this.af.auth.subscribe()

I created a smaller project that shows the issue without all the extras: https://github.com/aaronksaunders/basicaf2

[Chuckv01]

Has anyone found a way around this error? Seems like this error is making angularfire useless for cordova apps.

[aamir1995]

Facing same issue !

[redolds]

As @aaronksaunders said, it has to do with .subscribe().

Whenever you subscribe to a method from firebase, this is including their FirebaseListObservable's this location.protocol issue occurs.

and yeah, @Chuckv01 having the same issue here, switched my app to use localStorage for & probably going to use another Authentication provider or service unless they fix this issue rapidly (easy to switch services).

[mithunvp]

Can use previous versions of AngularFire to avoid this issue? Need to wait until they fix it.

[aamir1995]

@mithunvp yes, you can use previous version of AngularFire 2 with Firebase SDK v2.4.2, Until they fix this issue.

[mithunvp]

With Firebase SDK 2.4.2, I will have to use legacy Firebase site not the new firebase.google.com site, I am little confused here?

[aamir1995]

True, you have to use legacy Firebase console :( :(, but it's a matter of some days until they figure it out.

[jeffbcross]

I believe this issue is in the Firebase SDK itself, since the AngularFire2 codebase doesn't access location at any point.

@aaronksaunders or @nickkenens can either of you try using the new Firebase SDK without AngularFire2 and see if the problem still occurs?

I'll see if I can run @aaronksaunders project to repro the issue.

[aaronksaunders]

@jeffbcross i just tried it with the just the Firebase SDK and it works fine...

[jeffbcross]

Thanks I wasn't able to get the reproduction running before I left the
office, could someone post a full stack trace here?
On Tue, Jun 21, 2016 at 7:02 PM Aaron K Saunders notifications@github.com
wrote:

@jeffbcross https://github.com/jeffbcross i just tried it with the just
the Firebase SDK and it works fine...

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
#243 (comment),
or mute the thread
https://github.com/notifications/unsubscribe/AAcTVxBW6bPbmrn5iIHJ1yf3UMdzRCoUks5qOJezgaJpZM4I5A1i
.

[olostan]

I have traced up to firebase.js. Seems it is a problem with SDK - it checks protocol to be http or HTTPS and in ionic2 environment protocol is file://

However I did not checked with pure SDK as @aaronsaunders did. Strange - may be we are using different GB SDKs...

[olostan]

This issue also don't allow to use Firebase authentication... It is really critical for my app. Any workarounds?

[alexissusset]

Facing the same issue with Ionic v1