Runtime Error Zone already loaded

[gmarimo]

Hie guys, i am developing my project in ionic 3 and Firebase Authentication on Firebase Version 4.13.1. I installed Angularfire2 and do everything. i created registration form and successfully put the user details into the firebase database when testing my app using ionic-lab. However the issue came when i closed and re-open my project, i got the following error:

ERROR in ...node_modules/angularfire2/firebase.app.module.d.ts (10,22): Class 'FirebaseApp' incorrectly implements class 'FirebaseApp'. Did you mean to extend 'FirebaseApp' and inherit its members as a subclass? Property 'automaticDataCollectionEnabled' is missing in type 'FirebaseApp'.

i solved the error above by adding this line " automaticDataCollectionEnabled: boolean; " into this class export declare class FirebaseApp implements _FirebaseApp { }

Now i can't run my App because it is now giving me a new error which i pasted below:

Runtime Error
Zone Already loaded.

Stack

Error: Zone already loaded.
at http://localhost:8100/build/vendor.js:117594:15
at http://localhost:8100/build/vendor.js:118206:3
at FUNCTION (http://localhost:8100/build/vendor.js:117571:10)
at Object. (http://localhost:8100/build/vendor.js:117574:2)
at Object. (http://localhost:8100/build/vendor.js:120624:30)
at webpack_require (http://localhost:8100/build/vendor.js:55:30)
at Object.defineProperty.value (http://localhost:8100/build/vendor.js:69092:66)
at webpack_require (http://localhost:8100/build/vendor.js:55:30)
at Object. (http://localhost:8100/build/vendor.js:117089:72)
at webpack_require (http://localhost:8100/build/vendor.js:55:30)

I thought i am loading the module twice so i tried to remove <script src="build/vendor.js"></script> from index.html and got a new Runtime Error: webpack Jsonp is not defined.

I am stuck now, any help is greatly appreciated.

[JiaLiPassion]

please post a reproduce repo.

[rgbsuede]

Also experiencing this issue. I used ionic starts MyApp tabs, npm i -S angularfire2 firebase, and imported and initialized Firebase ... Zone already loaded.

[JiaLiPassion]

@joshbabb , could you provide a sample repository to reproduce?

[Celtiore]

hi @JiaLiPassion , i start a sample here too :

https://github.com/Celtiore/test-angularfire2

"angularfire2": "^5.0.0-rc.7",
"firebase": "^4.13.1"

thanks you, i'm not expert, but i suspect angularfire2 :)
breaks come after update angularfire2 5.0.0-rc.7

[MaartenGDev]

I had the same issue after following the tutorial from the docs: https://github.com/angular/angularfire2/blob/master/docs/ionic/v3.md

I fixed it by installing version 5.0.0-rc.4 instead of 5.0.0-rc.7 because everything after 5.0.0-rc.4 seems to cause "Zone already loaded"

fix:
npm install angularfire2@5.0.0-rc.4

[Atif-Mahmud]

Same issue here. Same setup, same error, same fix.

[Celtiore]

@MaartenGDev , 5.0.0-rc.6 works fine here with firebase 4.13.1

[JiaLiPassion]

I think this is an angularfire2 issue, I will check it there.

[JiaLiPassion]

should be fixed in angular/angularfire#1599, I have tested with @Celtiore 's repo using my modified angularfire2.

[leonardo-mendonca]

Zone is being declared twice. A tip on changing the rc7 of angularfire2...

[MuazzOsman]

What firebase version is suitable with angularfire2@5.0.0rc.7 ? I've installed angularfire2@4.0.0-rc0
and firebase@4.13.1 already and my app is still not working. I need help ASAP thank you.

[JiaLiPassion]

@MuazzOsman , I think maybe issue is in angularfire2@5.0.0rc.7 itself, I am just confirming why they import zone.js again in this issue, angular/angularfire#1597, you can also try this angualrfire2.zip for test.
dist.zip

[Celtiore]

thanks you @JiaLiPassion

working fine

repo updated :

https://github.com/Celtiore/test-angularfire2

[LYTzeng]

@JiaLiPassion It works just fine.
Thank you very much!

[leonardo-mendonca]

Thank you @JiaLiPassion working perfectly