Как я могу исправить ошибку Firebase/firestore в нативном React?

Я пытаюсь запустить приложение React Native на симуляторе Android. Я использую магазин Firebase.

Приложение работает без ошибок с Expo. Expo использует более старую версию React Native. Но при понижении версии React Native возникает ошибка при создании приложения на устройстве. Это ошибки скриншота:

Как я могу исправить ошибку Firebase/firestore в нативном React?Как я могу исправить ошибку Firebase/firestore в нативном React?

Я попытался перейти на 6.0.2 версию Firebase.

Вот моя конфигурация firebase:

import Rebase from "re-base";
import * as firebase from "firebase";
import 'firebase/firestore';

const firebaseApp = firebase.initializeApp({
  apiKey: "XXXX",
  authDomain: "XXX",
  projectId: "dg-vis",
  databaseURL: "XXX",
});

const base = Rebase.createClass(firebaseApp.database());

export { firebaseApp };

export default base;

Получение части:

componentDidMount() {
  const db = firebaseApp.firestore();
  let id = "somesupersecretid9";

  const fetchData = async () => {
    let doc = await db
      .collection("drivers")
      .doc(id)
      .get();

    this.setState({route: doc.data()});
  };

  fetchData();

  db.collection("drivers")
    .doc(id)
    .onSnapshot(doc =>
      this.setState({route: doc.data()}, () =>
        this.decodeMap()
      )
    );
}

попробуй поменять в конфиге с import * as firebase from "firebase"; import 'firebase/firestore' на import * as firebase from 'firebase/app'; import 'firebase/auth'

delmin 19.06.2019 13:11
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
3
1
2 010
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Проблема была устранена путем понижения версии Firebase до версии 6.0.2. Очистка кеша проекта была решением.

Инструкции по очистке:

В папке /android запустить ./graglew clean.

Также используйте пакет https://www.npmjs.com/package/react-native-clean-проект.

Другие вопросы по теме