Firebase Auth报错app.auth is not a function问题求助

该报错由Firebase v9+版本的API混用导致：你使用了兼容层（compat）版本的核心包firebase/compat/app，但导入的firebase/auth是新版模块化API包，没有兼容层的挂载逻辑，因此初始化后的app实例上不存在auth方法。

方案1：保留原有兼容API写法 #

仅需修改auth的导入路径为compat版本即可，其余代码无需调整：

import firebase from 'firebase/compat/app' 
import "firebase/compat/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

方案2：改用官方推荐的新版模块化API #

移除所有compat相关导入，调整初始化逻辑：

import { initializeApp } from "firebase/app";
import { getAuth } from "firebase/auth";

const app = 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 = getAuth(app);
export default app

两种方案任选其一即可生效，无需重新安装依赖或修改导入为require语法。

内容的提问来源于stack exchange，提问作者Gabriele Sabatino