"Зона ошибок времени выполнения уже загружена" в 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 не определен. так что я положил сценарий.
Я застрял сейчас, любая помощь очень ценится.
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
я исправил это, установив версию 5.0.0-rc.4 вместо 5.0.0-rc.7 потому что все после 5.0.0-rc.4, кажется, вызывает "зона уже загружена"
npm install angularfire2@5.0.0-rc.4
Это проблема нового обновления firebase, вот решение для этой ошибки
** Шаг: 1** Установите нижнюю версию firebase с помощью этой команды
установка npm angularfire2@5.0.0-rc - ... 4
** Шаг: 2**
установка npm
попробовать.