firebase - 我无法将 vue.js 页面中的数据添加到 firestore 数据库

Question

我是 vue.js 和 firebase 的新手

我想firebase/firestore从我的 Vue 页面向我的数据库添加一个集合

这是我的代码：

<script>
import db from '@/fb'
export default {
  methods: {
   addTask(){
      const project = {
        title: 'some title', 
        content:'some content',
        due:'01/01/2021', 
        person: 'someone',
        status:'ongoiing'

      }
      db.collection('projects').add(project).then(() =>  {
        console.log('added to database')
      })
      
   ...

这是我放在“src”文件夹的“fb.js”文件中的firestore项目配置：

 //import firebase from 'firebase'
 import firebase from 'firebase/app'
 import 'firebase/firestore'
 // Your web app's Firebase configuration
 var firebaseConfig = {
   apiKey: "XXXXXX",
   authDomain: "XXXX.firebaseapp.com",
   projectId: "XXXXX",
   storageBucket: "XXXXX.appspot.com",
   messagingSenderId: "XXXXXXXX",
   appId: "1:XXX:web:XXXXX"
 };
 // Initialize Firebase
 firebase.initializeApp(firebaseConfig);
 const db = firebase.firestore();
 db.settings({timestampsInSnapshots:true})

 export default db; 

我的问题是当我点击添加按钮时，没有任何反应

非常感谢您的帮助

标签： firebasevue.jsgoogle-cloud-firestore