"Зона ошибок времени выполнения уже загружена" в ionic 3

Я разрабатываю свой проект в Ionic 3 и Firebase аутентификации на Firebase версии 4.13.1. Я установил Angularfire2. Я создал регистрационную форму и успешно поместил данные пользователя в базу данных firebase при тестировании моего приложения с помощью ionic-lab. Однако проблема возникла, когда я закрыл и снова открыл свой проект, я получил следующую ошибку:

ошибка ...node_modules / angularfire2 / firebase.приложение.модуль.d.ts (10,22): класс 'FirebaseApp' неправильно реализует класс 'FirebaseApp'. Вы хотели расширить "FirebaseApp" и наследовать его членов как подкласс? Свойство "automaticDataCollectionEnabled" отсутствует в типе "FirebaseApp".

Я решил ошибку выше, добавив эту строку automaticDataCollectionEnabled: boolean; в этот класс export declare class FirebaseApp implements _FirebaseApp { }

теперь я не могу запустить свое приложение, потому что теперь он дает мне новую ошибку:

Ошибка Во Время Выполнения Зона уже загружена.

стек

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)

Я думал, что я мог быть загрузка модуля дважды, поэтому я попытался удалить: <script src="build/vendor.js"></script> из индекса.html и получил новую ошибку выполнения:webpack Jsonp не определен. так что я положил сценарий.

Я застрял сейчас, любая помощь очень ценится.

6
angular firebase firebase-authentication ionic-framework

3 ответов

просто делать 

npm install @firebase/app@latest --save

и 

npm install firebase angularfire2 --save

так что все в курсе. Таким образом, вы, вероятно, получите эту ошибку снова:

node_modules / angularfire2 / firebase.приложение.модуль.d.ts (10,22): класс 'FirebaseApp' неправильно реализует класс 'FirebaseApp'. Вы хотели расширить "FirebaseApp" и наследовать его членов как подкласс? Свойство "automaticDataCollectionEnabled" отсутствует в типе " FirebaseApp

исправить добавить линия " automaticDataCollectionEnabled: boolean;" до 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;
}

так что теперь это должно быть исправлено. Если нет, вы должны попробовать мое второе решение:

npm i -S @firebase/app

затем перейдите в свой пакет.JSON-файл и обновите номера версий этих двух строк в ваших зависимостях следующим образом:

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

после новой установки:

npm install

а затем снова сделайте подачу, и она должна снова работать:

ionic serve
3

я исправил это, установив версию 5.0.0-rc.4 вместо 5.0.0-rc.7 потому что все после 5.0.0-rc.4, кажется, вызывает "зона уже загружена"

 npm install angularfire2@5.0.0-rc.4
4

Это проблема нового обновления firebase, вот решение для этой ошибки

** Шаг: 1** Установите нижнюю версию firebase с помощью этой команды

установка npm angularfire2@5.0.0-rc - ... 4

** Шаг: 2**

установка npm

попробовать.

0