我正在使用Vue.js和firestore为我的项目制作一个登录页面,我试图制作一个注册表格来为我的网站创建新帐户。
我已经在我的Firebase项目中创建了一个名为“用户”的集合,注册完成后,该用户信息存储在该集合中。但是当我调用该函数时,出现了错误:
函数DocumentReference.set()用无效数据调用。不支持的字段值:未定义(在文档用户/ XcAx6dK1rmZSeoQQO9p3K6kAW3e2的字段句柄中找到)
我该怎么办?我将在这里分享我的代码:
Signup.vue
import { Auth, db, usersCollection } from '@/firebase/auth.js'
import * as fb from 'firebase'
import {App} from '@/firebase/app.js'
async addEmail(email,password) {
var noticeMessage = "? Your account has been reserved ?"
const {user} = await Auth.createUserWithEmailAndPassword(email, password )
await usersCollection.doc(user.uid).set({
email: email,
password: password,
userId: user.uid,
createdAt: new Date().toISOString(),
})
auth.js
import {App} from './app';
import 'firebase/auth';
import 'firebase/firestore';
import 'firebase/storage';
var config = {
apiKey: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
authDomain: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
databaseURL: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
projectId: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
storageBucket: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
messagingSenderId: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
appId: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
measurementId: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
}
export const Auth = App.auth();
export const db = App.firestore();
export const usersCollection = db.collection('users')
app.js
import Firebase from 'firebase/app'
import credentials from './credentials'
export const App = Firebase.initializeApp(credentials.config);