React Native 导入 firebase 'auth' 和 'firestore'

Question

当我尝试简单地从 firebase 加载 auth 和 firestore 时出现错误。

错误信息：

TypeError: (0, _app.initializeApp) is not a function. (In '(0, _app.initializeApp)(firebaseConfig)', '(0, _app.initializeApp)' 未定义）

import { initializeApp } from "firebase/app";
import { getFirestore } from "firebase/firestore";


const firebaseConfig = {
  apiKey: "KEY",
  authDomain: "app.firebaseapp.com",
  projectId: "app",
  storageBucket: "app.appspot.com",
  messagingSenderId: "1293821378",
  appId: "5647"
};

const app = initializeApp(firebaseConfig);
const db = getFirestore(app);
const auth = app.auth();

export { db, auth } 

另外，当我尝试从另一个文件导入身份验证时，我尝试这样做：

import { auth } from '../firebase';

Answer 1

如果您使用的是 Firebase 版本<9.0.0 ，它仅支持名称空间 SDK，则仅使用较旧的导入而不是模块化语法。 尝试重构代码，如下所示：

import firebase from "firebase/app";
import "firebase/firestore";
import "firebase/auth"

const firebaseConfig = {};

const app = firebase.initializeApp(firebaseConfig);
const db = firebase.firestore();
const auth = firebase.auth();

export { db, auth } 

还要确保您指的是文档中的Web (name-spaced)选项卡。