@nosho96ohiposted at 2023-10-05

Vueでfirestoreからデータを取得し、dataのLogに格納したい

Q&A

Closed

解決したいこと

Vueでfirestoreからデータを取得し、dataのLogに格納したいのですが、うまくいかないです。様々なサイトで調べてやってみているのですがどれもエラーが出てしまいます。3つ試しました。

発生している問題・エラー１

db.collection is not function

該当するソースコード１

 // ユーザーがログインしているか確認
 firebase.auth().onAuthStateChanged(user => {
   if (user) {
     // ユーザーがログインしている場合、Firestoreからデータを取得
     const userUid = user.uid; // ユーザーのUIDを取得
 
     db.collection('card')
       .doc()
       .where('userId', '==', userUid) // ユーザーのUIDと一致するデータをクエリでフィルタリング
       .get()
       .then(querySnapshot => {
         querySnapshot.forEach(doc => {
           // ドキュメントのデータを取得
           const cardData = doc.data();
           console.log(cardData);
         });
       })
       .catch(error => {
         console.error('データの取得エラー:', error);
       });
   } else {
           alert("ログインしてください。")
       this.$router.push("/login")
   }
 });

発生している問題・エラー2

db.collection is not function

該当するソースコード2


     const auth = getAuth()
     const user = auth.currentUser
 
     const db = getFirestore()
     if (user) {
       const docRef = getFirestore(
         collection(db, "card").doc().where("uid", "==", user.uid)
       )
       const docSnap = await getDoc(docRef)
     
       console.log("Document data:", docSnap.data())}
 else {
           alert("ログインしてください。")
       this.$router.push("/login")
   }

const docRef = の後を、

query(collection(db, "card").doc().where("uid", "==", user.uid))

にしても

collection(db, "card").doc().where("uid", "==", user.uid)

としてもnot　functionとなる
import query from "forebase/firestore"等のインポートはしています。

発生している問題・エラー3

TypeError: Cannot use 'in' operator to search for '_delegate' in undefined

該当するソースコード3

 const auth = getAuth()
     const user = auth.currentUser
     const db = getFirestore()
     if (user) {
       this.Log = getDoc(db.fishcard, where("uid", "==", user.uid))
       console.log(this.Log)
     } else {
       alert("ログインしてください。")
       this.$router.push("/login")
     }

データ取得の方法を知っている方がいらっしましたら教えていただきたいです。お願いいたします。

Are you sure you want to delete the question?