firebase_compat_app default.auth 不是函数

Question

我正在使用 firebase 实时数据库并尝试使用 Auth 方法 firebase_compat_app__WEBPACK_IMPORTED_MODULE_0__.default.auth is not a function

我尝试了一些在 Whosebug 中看到的解决方案和建议，但仍然收到消息

import firebase from 'firebase/compat/app';

import 'firebase/auth';
import 'firebase/database';



// Your web app's Firebase configuration
const firebaseConfig = {
  apiKey: process.env.REACT_APP_API_KEY,
  authDomain: process.env.REACT_APP_AUTH_DOMAIN,
  databaseURL: process.env.REACT_APP_DATABASE_URL,
  projectId: process.env.REACT_APP_PROJECT_ID,
  storageBucket: process.env.REACT_APP_STORAGE_BUCKET,
  messagingSenderId: process.env.REACT_APP_MESSAGING_SENDER_ID,
  appId: process.env.REACT_APP_APP_ID
};

// Initialize Firebase
//const app = initializeApp(firebaseConfig);
firebase.initializeApp(firebaseConfig);

export const auth = firebase.auth();
export const database = firebase.database();

Answer 1

您必须导入每个 Firebase 服务的 compat 个版本（至少要使用命名空间语法）：

import firebase from 'firebase/compat/app';

import 'firebase/compat/auth';
import 'firebase/compat/database';
// add compat in these imports

firebase.initializeApp(firebaseConfig);

// Namespaced syntax requires compat version
export const auth = firebase.auth();
export const database = firebase.database();