«Зона ошибки времени выполнения уже загружена» в ionic 3 - PullRequest
0 голосов
/ 29 апреля 2018

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

ОШИБКА в ... node_modules / angularfire2 / firebase.app.module.d.ts (10,22): класс «FirebaseApp» неправильно реализует класс «FirebaseApp». Вы имели в виду расширить FirebaseApp и унаследовать его члены как подкласс? Свойство «AutomaticDataCollectionEnabled» отсутствует в типе «FirebaseApp».

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

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

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

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.<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> из index.html и получена новая ошибка времени выполнения: веб-пакет Jsonp не определен. поэтому я вернул сценарий обратно.

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

Ответы [ 3 ]

0 голосов
/ 07 мая 2018

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

 npm install angularfire2@5.0.0-rc.4
0 голосов
/ 12 мая 2018

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

** Шаг: 1 ** Установите нижнюю версию firebase, используя эту команду

npm install angularfire2@5.0.0-rc.4

** Шаг: 2 **

установка в минуту

Try.

0 голосов
/ 30 апреля 2018

Просто сделай

npm install @firebase/app@latest --save

и

npm install firebase angularfire2 --save

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

node_modules / angularfire2 / firebase.app.module.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

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

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

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

npm install

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

ionic serve
...