web-dev-qa-db-de.com

"Laufzeitfehlerzone bereits geladen" in ionic 3

Ich entwickle mein Projekt in ionic 3 und Firebase Authentication auf Firebase Version 4.13.1. Ich habe Angularfire2 installiert. Ich habe ein Registrierungsformular erstellt und die Benutzerdetails erfolgreich in die Firebase-Datenbank eingefügt, wenn ich meine App mit ionic-lab teste. Das Problem trat jedoch auf, als ich mein Projekt geschlossen und wieder geöffnet hatte. Ich habe folgende Fehlermeldung erhalten:

ERROR in ... node_modules/anglefire2/firebase.app.module.d.ts (10,22): Die Klasse FirebaseApp implementiert die Klasse FirebaseApp falsch. Wollten Sie 'FirebaseApp' erweitern und seine Mitglieder als Unterklasse erben? Die Eigenschaft 'automaticDataCollectionEnabled' fehlt beim Typ 'FirebaseApp'.

Ich habe den obigen Fehler durch Hinzufügen dieser Zeile automaticDataCollectionEnabled: boolean; in diese Klasse export declare class FirebaseApp implements _FirebaseApp { } behoben.

Jetzt kann ich meine App nicht ausführen, da mir jetzt ein neuer Fehler angezeigt wird:

LaufzeitfehlerZone Bereits geladen.

Stapel

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.<anonymous> (http://localhost:8100/build/vendor.js:117574:2)
    at Object.<anonymous> (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.<anonymous> (http://localhost:8100/build/vendor.js:117089:72)
    at __webpack_require__ (http://localhost:8100/build/vendor.js:55:30)

Ich dachte, ich könnte das Modul zweimal laden, also versuchte ich: <script src="build/vendor.js"></script> aus index.html zu entfernen und erhielt einen neuen Laufzeitfehler: webpack Jsonp ist nicht definiert. Also stelle ich das Skript zurück.

Ich bin jetzt festgefahren, jede Hilfe wird sehr geschätzt.

5
gmarimo

Mach einfach 

npm install @firebase/[email protected] --save

und 

npm install firebase angularfire2 --save

also ist alles auf dem neuesten stand. Sie werden diesen Fehler wahrscheinlich jetzt wieder erhalten: 

node_modules/anglefire2/firebase.app.module.d.ts (10,22): Die Klasse FirebaseApp implementiert die Klasse FirebaseApp falsch. Wollten Sie 'FirebaseApp' erweitern und seine Mitglieder als Unterklasse erben? Die Eigenschaft 'automaticDataCollectionEnabled' fehlt beim Typ 'FirebaseApp

um dies zu beheben, fügen Sie die Zeile "automaticDataCollectionEnabled: boolean;" zum node_modules\angularfire2\firebase.app.module.d.ts

export declare class FirebaseApp implements FBApp {
    name: string;
    automaticDataCollectionEnabled: boolean; // add this line
    options: {};
    auth: () => FirebaseAuth;
    database: () => FirebaseDatabase;
    messaging: () => FirebaseMessaging;
    storage: () => FirebaseStorage;
    delete: () => Promise;
    firestore: () => FirebaseFirestore;
}

Nun sollte es behoben sein. Wenn nicht, müssen Sie meine zweite Lösung ausprobieren:

npm i -S @firebase/app

gehen Sie dann in Ihre package.json-Datei und aktualisieren Sie die Versionsnummern dieser beiden Zeilen in Ihren Abhängigkeiten folgendermaßen:

"angularfire2": "5.0.0-rc.3",
"firebase": "4.6.0",

nach dem ein neues installieren: 

npm install

und dann noch einmal servieren und es sollte wieder funktionieren:

ionic serve
3
user9168386

Ich habe es behoben, indem ich Version 5.0.0-rc.4 anstelle von 5.0.0-rc.7 installierte, da alles nach 5.0.0-rc.4 scheinbar "Zone bereits geladen" verursacht

 npm install [email protected]

Dies ist das Problem des neuen Firebase-Updates. Hier ist eine Lösung für diesen Fehler

** Schritt: 1 ** Installieren Sie die niedrigere Version von Firebase mit diesem Befehl

npm install [email protected]

** Schritt 2**

npm installieren

Versuchen.

0
Rahul Jograna