錯誤 in./src/firebase.config.js 6:0-53 未找到模塊：錯誤：Package 路徑。/getFirestore 未從 package 導出

Question

我正在學習教程，但我不確定問題出在哪里，當我嘗試import { db } from '../firebase.config'時，我一直收到錯誤消息。

我已經嘗試了所有方法並查看了 git 中的教程代碼，它們是相同的，所以我認為問題是新的。

這是我嘗試導入db的firebase.config.js文件和SignUp.jsx文件。

    // Import the functions you need from the SDKs you need
    import { initializeApp } from "firebase/app";
    import { getAnalytics } from "firebase/analytics";
    import { getFirestore} from 'firebase/getFirestore';
    // TODO: Add SDKs for Firebase products that you want to use
    // https://firebase.google.com/docs/web/setup#available-libraries

    // Your web app's Firebase configuration
    // For Firebase JS SDK v7.20.0 and later, measurementId is optional
    const firebaseConfig = {
      apiKey: ****,
      authDomain:****
      projectId: ****",
      storageBucket: ****,
      messagingSenderId: ****,
      appId: ****,
      measurementId: ****
    };

    // Initialize Firebase
    initializeApp(firebaseConfig)
    const app = initializeApp(firebaseConfig);
    const analytics = getFirestore();
    const db = getFirestore()
    export default db;



    import React from 'react'
    import { useRef, useState, useEffect } from 'react';
    import {Link, useNavigate} from 'react-router-dom'
    import {faCheck, faTimes, faInForCircle } from '@fortawesome/free-solid-svg-icons';
    import { fontAwesomeIcon } from '@fortawesome/react-fontawesome'
    import { 
      getAuth, 
      createUserWithEmailAndPassword, 
      updateProfile 
    } from 'firebase/auth';
    import { db } from '../firebase.config';

Answer 1

您正在默認導出數據庫，以使其以這種方式導出：

firebase.config

import { initializeApp } from "firebase/app";
import { getAnalytics } from "firebase/analytics";
import { getFirestore} from 'firebase/getFirestore';

const firebaseConfig = {
  apiKey: ****,
  authDomain:****
  projectId: ****,
  storageBucket: ****,
  messagingSenderId: ****,
  appId: ****,
  measurementId: ****
};

// Initialize Firebase
initializeApp(firebaseConfig)
const app = initializeApp(firebaseConfig);
const analytics = getFirestore();
const db = getFirestore()

// THIS WAY
export {app, db, analytics};

然后在你的文件上你可以這樣導入

// HERE IM SHOWING MORE THAN JUST IMPORT THE DB, BUT YOU CAN IMPORT JUST WHAT YOU WANT
import {app, db, analytics} from "./firebase.config"

Answer 2

我發現了我的問題。

它import {getFirestore} from "firebase/firestore"; 而不是import { getFirestore} from 'firebase/getFirestore'; .