Firebase addDoc error => admin:1 Uncaught (in promise) FirebaseError: Expected type 'Na', 但它是：自定義 object

Question

我收到此錯誤。 我已成功將我的圖像添加到存儲並獲得我的 URL 但是當我想將文檔添加到我的收藏時我收到此錯誤。 我正在以相同的方式實現代碼 Firebase 這里是 addDoc 的參考 => https://firebase.google.com/docs/firestore/manage-data/add-data#web-version-9_1

admin:1 Uncaught (in promise) FirebaseError: Expected type 'Na', 但它是：一個自定義的 object

uploadTask.on(
  "state_changed",
  (snapshot) => {
    setProgress((snapshot.bytesTransferred / snapshot.totalBytes) * 100);
    console.log();
  },
  (error) => {
    console.log(error);
  },
  () => {
    // Get ImageURL
    getDownloadURL(uploadTask.snapshot.ref).then((downloadURL) => {
      setImgURL(downloadURL);
      // Add new collection document to FIREBASE
      addDoc(portfolioItemsCol, {
        img: downloadURL,
        title: title,
      })
        .then((docRef) => {
          console.log("Document succesfully Added");
        })
        .catch((err) => console.log(err));
    });
  }
);

代碼鏈接： https://codesandbox.io/s/exciting-ace-ttbjqv?file=/src/App.js

Answer 1

避免同時使用regular版和lite版。 在這里，您使用的是來自getFirestore() firebase/firestore/lite的addDoc()但來自 firebase firebase/firestore firestore 的 addDoc() 。 嘗試在App.js中使用以下導入：

import { addDoc } from "firebase/firestore/lite" // <-- add /lite

或者，從常規 SDK 導入getFirestore() ，但如果您以后需要使用實時偵聽器，這將很有用。