因此,我正在按照Savvy Apps教程来学习Vue.js。本教程将Firebase与Firestore结合使用。由于Firestore处于Beta版(如本教程所述),因此可能会发生更改-我认为这里可能就是这种情况。
无论如何,我都试图注册一个新用户。我填写表格并单击“注册”,然后收到此错误消息:
错误:函数CollectionReference.doc()要求其第一个参数为字符串类型,但它是:未定义
但是在Firebase中,我看到已经创建了该用户。那么,为什么我会收到此错误消息?什么是第一个论点?
注册代码如下:
signup() {
this.performingRequest = true;
fb.auth.createUserWithEmailAndPassword(this.signupForm.email, this.signupForm.password).then(user => {
this.$store.commit('setCurrentUser', user);
// create user obj
fb.usersCollection.doc(user.uid).set({
name: this.signupForm.name,
title: this.signupForm.title
}).then(() => {
this.$store.dispatch('fetchUserProfile');
this.performingRequest = false;
this.$router.push('/dashboard')
}).catch(err => {
console.log(err);
this.performingRequest = false;
this.errorMsg = err.message
})
}).catch(err => {
console.log(err);
this.performingRequest = false;
this.errorMsg = err.message
})
},
让我知道您是否需要更多代码-这是我第一次测试Vue.js。
答案 0 :(得分:4)
createUserWithEmailAndPassword()返回包含UserCredential的Promise
。 UserCredential
具有firebase.User对象的属性user
。
您需要对代码进行适当的更改才能正确访问UID:
signup() {
this.performingRequest = true;
fb.auth.createUserWithEmailAndPassword(this.signupForm.email, this.signupForm.password)
.then(credential=> { // CHANGED
this.$store.commit('setCurrentUser', credential.user); // CHANGED
// create user obj
fb.usersCollection.doc(credential.user.uid).set({ //CHANGED
name: this.signupForm.name,
title: this.signupForm.title
}).then(() => {
this.$store.dispatch('fetchUserProfile');
this.performingRequest = false;
this.$router.push('/dashboard')
}).catch(err => {
console.log(err);
this.performingRequest = false;
this.errorMsg = err.message
})
}).catch(err => {
console.log(err);
this.performingRequest = false;
this.errorMsg = err.message
})
},