【Vue x Firestore】Firestoreにて投稿ボタンを押下してもadd()が機能しない。

Question

#Firestoreにて投稿ボタンを押下してもadd()が機能しない。

"TypeError: firebase__WEBPACK_IMPORTED_MODULE_2__.default.firestore(...).collection(...).doc(...).add is not a function"

「TypeError：firebase__WEBPACK_IMPORTED_MODULE_2 __。default.firestore（...）。collection（...）。doc（...）。addは関数ではありませんというエラーが出ています。

ちなみにset()だとちゃんと動いてくれますが、set()なので上書きしていまい、投稿が一つしかされないです・・・

add()が出来ないが、set()が出来る原因なのかわかなくて困っています。

分かる方いらっしゃいましたらお力添えをいただきたいです。

よろしくお願い致します。

 <button class="post-btn" @click.prevent="postItem">投稿</button>

methods: {
    postItem() {
      const id = firebase
        .firestore()
        .collection("posts")
        .doc().id;

      firebase
        .firestore()
        .collection("posts")
        .doc(this.$route.params.uid)
        .add(
          {
            title: this.title,
            description: this.description,
            genre: this.genre,
            time: firebase.firestore.FieldValue.serverTimestamp(),
            id: id,
            uid: this.$route.params.uid,
          }
        );

Answer 1

add()が出来ないが、set()が出来る原因なのかわかなくて困っています。

https://firebase.google.com/docs/reference/js/firebase.firestore.DocumentReference?hl=ja

ドキュメントには add という関数が存在しないからです。

ドキュメントはJSONオブジェクトのようなものを指す言葉で、コレクションがドキュメントの集合です。
質問者は「コレクションに新しいドキュメントを追加したい」のではないでしょうか？

Comments

[TMTN]

ご回答ありがとうございます。
おっしゃる通りコレクションにドキュメントを追加したいです。
.doc(this.$route.params.uid)が不要だったという事ですね。。
イージーミスを大変失礼しました。。