如何使用 Vue.js 向 Firebase Firestore 添加新集合？答案

【问题标题】：How to add a new collection to Firebase Firestore with Vue.js?如何使用 Vue.js 向 Firebase Firestore 添加新集合？
【发布时间】：2022-06-10 23:09:00
【问题描述】：

如何使用 Firebase 9.8.2 添加新集合

methods: {
      registerUser(){
        const auth = getAuth();
        createUserWithEmailAndPassword(auth, this.user.email, this.user.password).then((datauser)=>{
         dbItemAdd.add({
          name: this.user.name,
          email: this.user.email,
          uid: datauser.user.uid,
        })
          router.push({
            name:'home'
          })
        }).catch((error) => {
        console.log(error.code)
        switch (error.code) {
          case "auth/invalid-email":
            this.errMsg = "Invalid email";
            break;
          case "auth/weak-password":
            this.errMsg = "weak password";
            break;
          case "auth/email-already-in-use":
            this.errMsg = "email already in use";
            break;
        }
      })

      }
    },

【问题讨论】：

您的代码有什么问题？如果您的dbItemAdd 有一个集合引用，它将自动使用您的新文档创建一个新集合。
const dbItemAdd = firebase.firestore().collection("products");导出 { dbItemAdd };
错误消息是：编译时出现问题：./src/Firebase.js 中的 X 错误 3:0-32 未找到模块：错误：包路径。未从包 /home/dataxplorer/projectvuejs/node_modules/firebase 导出（请参阅 /home/dataxplorer/projectvuejs/node_modules/firebase/package.json 中的导出字段）

标签： javascript firebase vue.js google-cloud-firestore collections