Vue JS-创建的挂钩中出现错误：“ TypeError：_firebaseInit_js__WEBPACK_IMPORTED_MODULE_1 __。default.collection不是函数”

Question

您好，我是Vue的新手，正试图从Firebase Firestore提取数据，但无法做到这一点。它显示了以下问题。 我目前正在使用Vue-Cli 3

Error in created hook: "TypeError: _firebaseInit_js__WEBPACK_IMPORTED_MODULE_1__.default.collection is not a function"

这是我在Dashboard.vue中的脚本文件

import db from './firebaseInit.js'
export default {
    name: 'dashboard',
    data(){
        return {
            agents: []
        }
    },
    created(){
        db.collection('agents').get()
        .then(querySnapshot => {
            querySnapshot.forEach(doc => {
                console.log(doc)
                const data = {

                }
            });
        })
    }
}

这是我的FirebaseInit.js

import firebase from 'firebase'
import 'firebase/firestore'
import firebaseConfig from './firebaseConfig'

const firebaseApp = firebase.initializeApp(firebaseConfig)

export default firebaseApp.firestore