エラー.forEach is not a functionがでてしまう

Question

<script>
import firebase from '@/plugins/firebase'
export default {
  name: 'postsindex',
  data: function () {
    return {
      posts: []
    }
  },
  created() {
    const db = firebase.firestore()
    const docRef = db.collection('room').doc()
    const roomSnapshot = docRef.get()
    roomSnapshot.forEach(function (doc) {
      this.posts.push(doc.data())
    })
  }
}
</script>

nuxtで上記のコードでfirestoreのデータをpostsに配列で入れたいです。ただ上記のコードだと

roomSnapshot.forEach is not a function

とエラーが出てしまいます。

Comments

[y_waiwai]

で、しつもんはなんでしょうか

[you88]

エラーを消すための対処がわからず。。。

Answer 1

エラーメッセージは

roomSnapshot.forEach is not a function

つまり roomSnapshot.forEach はファンクションじゃないよ、と言われています。

おそらく roomSnapshot が配列だという想定で forEach を実行しようとしているのだと思いますが、roomSnapshot が配列になっていないのではないでしょうか。

const roomSnapshot = docRef.get()

docRef.get() が配列を返しているのかどうか、確認してみてください。

Comments

[you88]

返答ありがとうございます！

Promise { <pending> }

になっていてまだ帰ってきていない状態でした