类型错误：firebase_compat_app__WEBPACK_IMPORTED_MODULE_4__.default.auth 不是 function

Question

我正在使用 React 和 Firebase 开发一个项目。在这样做时，我得到了这个错误： TypeError: firebase_compat_app__WEBPACK_IMPORTED_MODULE_4__.default.auth is not a function React points this line for the error: const auth = firebase.auth();

我的 App.js 文件（我不能显示所有文件，但重要的部分）：

import './App.css';

import React, { useRef, useState } from 'react';
import { useAuthState } from 'react-firebase-hooks/auth';
import { useCollectionData } from 'react-firebase-hooks/firestore';

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

firebase.initializeApp({
  // secret
})

const auth = firebase.auth();
const firestore = firebase.firestore();
const analytics = firebase.analytics();

Answer 1

导入后的代码使用调用 Firebase 的 v8/compat 样式。如果您想继续使用它，您应该从compat路径导入您使用的所有 Firebase SDK，如有关使用 compat 库的文档中所示。

所以：

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

firebase.initializeApp({
  // secret
})

const auth = firebase.auth();
const firestore = firebase.firestore();
const analytics = firebase.analytics();