เกิดข้อผิดพลาด-ReferenceError:ไม่สามารถเข้าใช้งาน'auth'ก่อนที่ initialization

Question 1

ดังนั้นฉันกำลังตามนี้ออนไลน์ comment บวิธีที่จะสร้าง WhatsApp สร้างและฉันเจอปัญหานี้

 import "../styles/globals.css";
    import { useAuthState } from "react-firebase-hooks/auth";
    import { auth, db } from "../firebase";
    
    function MyApp({ Component, pageProps }) {
      const [user] = useAuthState(auth);
    
      if (!user) return <Login />;
    
      return <Component {...pageProps} />;
    }
    
    export default MyApp;

นี่คือของฉัน firebase.js ฉันเอาของฉัน apiKey เพราะฉันแบ่งปันของฉันรหัสแต่นั่นไม่คิดว่านั่นเป็นเหมือนไม่มีปัญหาอยู่เลยสินะ

import firebase from "firebase/app";

const firebaseConfig = {
  apiKey: "",
  authDomain: "global-chat-80ab3.firebaseapp.com",
  projectId: "global-chat-80ab3",
  storageBucket: "global-chat-80ab3.appspot.com",
  messagingSenderId: "405392556419",
  appId: "1:405392556419:web:562d012b108561b8be76b6",
};

const app = !firebase.apps.length
  ? firebase.initializeApp(firebaseConfig)
  : firebase.app();

const db = app.firestore();
const auth = app.auth();
const provider = new firebase.auth.GoogleAuthProvider();

export { db, auth, provider };

Question 2

ถ้าคุณกำลังใช้ Firebase 9.6.0 พยายามกำลังปรับปรุงของคุณนำเข้าเอกสารหรือต้อง v9 compat. นี่หมายรับรองออกมาจากที่ Firebase เอกสาร.

ดังนั้นของคุณนำเข้าเอกสารหรือยังดูเหมือนนี้:

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

const firebaseConfig = {
  apiKey: "",
  authDomain: "global-chat-80ab3.firebaseapp.com",
  projectId: "global-chat-80ab3",
  storageBucket: "global-chat-80ab3.appspot.com",
  messagingSenderId: "405392556419",
  appId: "1:405392556419:web:562d012b108561b8be76b6",
};

const app = !firebase.apps.length
  ? firebase.initializeApp(firebaseConfig)
  : firebase.app();

const db = app.firestore();
const auth = app.auth();
const provider = new firebase.auth.GoogleAuthProvider();

export { db, auth, provider };

Question 3

ฉันกำลังใช้ firebase v9 modular รหัสที่อยู่ใน firebase เอกสารคู่มือ@info:shell
Firebase รุ่น: 9.6.1
นี่รหัสได้ผลดีสำหรับฉัน แต่ที่แย่ฉันเผชิญหน้ากับเป็น v9 modular functionalities จะไม่ทำงานกับมีปฏิกิริยา-firebase-hooks.(ไม่รองรับจนถึงตอนนี้ฉันคิดว่า)
ฉัน usecase มขอบอก next.js โครงการกับ firebase.

import { initializeApp, getApps } from "firebase/app";
import { getFirestore } from "firebase/firestore";
import { getAuth } from "firebase/auth";
import { GoogleAuthProvider } from "firebase/auth";
const firebaseConfig = {
  apiKey: "",
  authDomain: "global-chat-80ab3.firebaseapp.com",
  projectId: "global-chat-80ab3",
  storageBucket: "global-chat-80ab3.appspot.com",
  messagingSenderId: "405392556419",
  appId: "1:405392556419:web:562d012b108561b8be76b6",
};

// Initialize Firebase
const app = getApps().length === 0 ? initializeApp(firebaseConfig) : getApps();
const auth = getAuth();
const db = getFirestore();
const provider = new GoogleAuthProvider();

export { db, auth, provider };

Cam Walker · Answer 1 · 2021-12-08T14:58:56

ถ้าคุณกำลังใช้ Firebase 9.6.0 พยายามกำลังปรับปรุงของคุณนำเข้าเอกสารหรือต้อง v9 compat. นี่หมายรับรองออกมาจากที่ Firebase เอกสาร.

ดังนั้นของคุณนำเข้าเอกสารหรือยังดูเหมือนนี้:

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

const firebaseConfig = {
  apiKey: "",
  authDomain: "global-chat-80ab3.firebaseapp.com",
  projectId: "global-chat-80ab3",
  storageBucket: "global-chat-80ab3.appspot.com",
  messagingSenderId: "405392556419",
  appId: "1:405392556419:web:562d012b108561b8be76b6",
};

const app = !firebase.apps.length
  ? firebase.initializeApp(firebaseConfig)
  : firebase.app();

const db = app.firestore();
const auth = app.auth();
const provider = new firebase.auth.GoogleAuthProvider();

export { db, auth, provider };

Clint Mathews · Answer 2 · 2021-12-24T09:19:28

ฉันกำลังใช้ firebase v9 modular รหัสที่อยู่ใน firebase เอกสารคู่มือ@info:shell
Firebase รุ่น: 9.6.1
นี่รหัสได้ผลดีสำหรับฉัน แต่ที่แย่ฉันเผชิญหน้ากับเป็น v9 modular functionalities จะไม่ทำงานกับมีปฏิกิริยา-firebase-hooks.(ไม่รองรับจนถึงตอนนี้ฉันคิดว่า)
ฉัน usecase มขอบอก next.js โครงการกับ firebase.

import { initializeApp, getApps } from "firebase/app";
import { getFirestore } from "firebase/firestore";
import { getAuth } from "firebase/auth";
import { GoogleAuthProvider } from "firebase/auth";
const firebaseConfig = {
  apiKey: "",
  authDomain: "global-chat-80ab3.firebaseapp.com",
  projectId: "global-chat-80ab3",
  storageBucket: "global-chat-80ab3.appspot.com",
  messagingSenderId: "405392556419",
  appId: "1:405392556419:web:562d012b108561b8be76b6",
};

// Initialize Firebase
const app = getApps().length === 0 ? initializeApp(firebaseConfig) : getApps();
const auth = getAuth();
const db = getFirestore();
const provider = new GoogleAuthProvider();

export { db, auth, provider };

เกิดข้อผิดพลาด-ReferenceError:ไม่สามารถเข้าใช้งาน'auth'ก่อนที่ initialization

คำถาม

ในภาษาอื่นๆ

หน้านี้อยู่ในภาษาอื่นๆ

ดังอยู่ในนี้หมวดหมู่

ดังคำถามอยู่ในนี้หมวดหมู่