類型錯誤：_firebase_firebase__WEBPACK_IMPORTED_MODULE_8__.default.auth 不是 function

Question

我使用 reactjs 為我的網站創建了登錄代碼。當我編輯代碼並運行程序時，它會出錯。

這是一個錯誤在這里輸入圖像描述

我已經將代碼上傳到 codesandbox 代碼鏈接

Answer 1

將來，請包括代碼的最小工作示例以及問題中的錯誤。

也就是說，您獲得...default.auth is not a function的原因是因為firebase.database.Reference ./firebase/firebase.js而不是您期望的一般firebase命名空間。

export default fireDb.database().ref(); // A firebase.database.Reference

但是，當您將變量命名為fireDb時，暗示它是 Firebase 數據庫的一個實例，而不是引用。 我建議重命名您的變量以反映這一點。

文件./firebase/firebase.js ：

import firebase from 'firebase/app'
import 'firebase/database'

const firebaseConfig = { ... };
// Initialize Firebase
const fireApp = firebase.initializeApp(firebaseConfig);

export default fireApp.database();

然后， firebase.auth.Auth獲取firebase.database.Database的實例，您可以使用fireDb.app.auth() 。

文件./App.js ：

import fireDb from "./firebase/firebase";
/* ... */
const handleLogout = () => {
  fireDb.app.auth().signOut();
};