reactjs - 如何修复 React Native 中的 Firebase/firestore 错误?

标签 reactjs firebase react-native google-cloud-firestore expo

我正在尝试在 Android 模拟器上运行 React Native 应用程序。我正在使用 Firebase firestore。

该应用程序在 Expo 上运行时不会出现任何错误。 Expo 使用旧版本的 React Native。但是,在设备中构建应用程序时,降级 React Native 会引发错误。这些是屏幕截图错误:

我已尝试将 Firebase 降级到 6.0.2 版本。

这是我的 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()
      )
    );
}

最佳答案

通过将 Firebase 降级至版本 6.0.2 解决了该问题。清理项目的缓存是解决方案。

清洁说明:

/android文件夹中运行./graglew clean

也可以使用https://www.npmjs.com/package/react-native-clean-project包。

关于reactjs - 如何修复 React Native 中的 Firebase/firestore 错误?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56661798/

相关文章:

javascript - react 导航隐藏状态栏在标题上方留下空间

reactjs - 如何处理react-table上的点击行事件

javascript - 搜索对象 react

javascript - React.Component Onclick事件: Comments. js:189 Uncaught TypeError:无法读取未定义的属性 'removeCommentMutation'

javascript - 如何在 React 或 Next.js 中使用绝对路径而不是相对路径?

android - 程序类型已经存在:com.google.firebase.analytics.FirebaseAnalytics $ Event

javascript - 将 Firebase 配置传递给组件

javascript - “onCreate”firebase云函数错误

css - 如何将 flex-direction 和 flex-wrap 添加到同一行?

javascript - 无法在react组件中使用setState