त्रुटि - ReferenceError: का उपयोग नहीं कर सकते 'प्रमाणीकरण' से पहले आरंभीकरण

Question 1

तो मैं कर रहा हूँ इस के बाद ऑनलाइन ट्यूटोरियल पर कैसे एक निर्माण करने के लिए 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 मॉड्यूलर कोड के रूप में firebase प्रलेखन
Firebase संस्करण: 9.6.1
इस कोड को मेरे लिए ठीक काम. लेकिन नकारात्मक पक्ष यह मैं का सामना करना पड़ा था v9 मॉड्यूलर functionalities काम नहीं करेगा के साथ प्रतिक्रिया-firebase-हुक.(समर्थित नहीं अब तक मुझे लगता है कि)
मेरे 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 मॉड्यूलर कोड के रूप में firebase प्रलेखन
Firebase संस्करण: 9.6.1
इस कोड को मेरे लिए ठीक काम. लेकिन नकारात्मक पक्ष यह मैं का सामना करना पड़ा था v9 मॉड्यूलर functionalities काम नहीं करेगा के साथ प्रतिक्रिया-firebase-हुक.(समर्थित नहीं अब तक मुझे लगता है कि)
मेरे 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: का उपयोग नहीं कर सकते 'प्रमाणीकरण' से पहले आरंभीकरण

सवाल

अन्य भाषाओं में

यह पृष्ठ अन्य भाषाओं में है

इस श्रेणी में लोकप्रिय

लोकप्रिय सवाल इस श्रेणी में