app.auth 不是 firebase 反應中的 function 錯誤

Question

我正在嘗試將 firebase 與 React 應用程序連接，但在嘗試創建 auth 變量時出現Uncaught TypeError: app.auth is not a function錯誤export const auth = app.auth()

這是代碼：

import firebase from 'firebase/compat/app';
import 'firebase/auth';

const app = firebase.initializeApp({
    apiKey: process.env.REACT_APP_FIREBASE_API_KEY,
    authDomain: process.env.REACT_APP_FIREBASE_AUTH_DOMAIN,
    projectId: process.env.REACT_APP_FIREBASE_PROJECT_ID,
    storageBucket: process.env.REACT_APP_FIREBASE_STORAGE_BUCKET,
    messagingSenderId: process.env.REACT_APP_FIREBASE_MESSAGING_SENDER_ID,
    appId: process.env.REACT_APP_FIREBASE_APP_ID
})

export const auth = app.auth()
export default app; 

Answer 1

使用getAuth而不是app.auth ：

import firebase from 'firebase/compat/app';
import {getAuth} from 'firebase/auth';

const app = firebase.initializeApp({
    ...
})

export const auth = getAuth()
export default app; 

Answer 2

如果要使用命名空間語法，則還必須導入 Firebase Auth SDK 的compat版本。

import firebase from 'firebase/compat/app';
import 'firebase/compat/auth'; // <-- add /compat/

compat庫是一個臨時解決方案，將在未來的主要 SDK 版本（例如版本 10 或版本 11）中完全刪除。 您的最終目標是刪除compat代碼並在您的應用程序中僅保留第 9 版模塊化樣式代碼。

查看文檔以獲取更多信息。