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)選項卡。