Firebase集合字段添加条目及待办存储代码报错排查求助

Let’s break this down into two common scenarios based on what you’re trying to accomplish:

Adding a New Document to a Collection #

If you want to create an entirely new document with specific fields (like your to-do item example), use the add() method. This will automatically generate a unique ID for the new document:

firebase.firestore().collection("your-collection-name").add({
  fieldName: "your-value",
  numericField: 123,
  createdAt: firebase.firestore.FieldValue.serverTimestamp()
})
.then(docRef => console.log("Document added with ID:", docRef.id))
.catch(error => console.error("Error adding document:", error));

Appending a Value to an Array Field in an Existing Document #

If you need to add an entry to an array field (like adding a new item to a list inside a document), use arrayUnion—this avoids duplicate entries and safely appends the value:

firebase.firestore().collection("your-collection").doc("target-document-id").update({
  yourArrayField: firebase.firestore.FieldValue.arrayUnion("new-entry-value")
})
.then(() => console.log("Array updated successfully"))
.catch(error => console.error("Error updating array:", error));

Looking at your code, there are several key issues causing the console error and unexpected behavior. Let’s go through them one by one:

1. Invalid Document Reference #

You’re passing the string literal "this.house.id" to the doc() method instead of the actual variable value. This means Firebase is trying to find a document named literally "this.house.id" instead of using your house’s real ID.

Fix: Remove the quotes around this.house.id:

firebase.firestore().collection("house").doc(this.house.id).collection("toDoList").add(...)

2. Broken Navigation Call #

The navigateBack method requires either a path or to be called with parentheses (for Ionic’s default back action). Your code has this.navCtrl.navigateBack without either, which will throw an error.

Fix: Use pop() to go back one step in the navigation stack, or specify a page path:

// Option 1: Go back to the previous page
this.navCtrl.pop();

// Option 2: Navigate to a specific page
this.navCtrl.navigateBack('/house-dashboard'); // Replace with your actual page path

3. Misleading Error Message #

Your catch block shows a success message ("ToDo has been Added") when something goes wrong. This makes debugging impossible and confuses users.

Fix: Update the message to reflect the error and log the details to the console:

.catch((err) => {
  console.error("Error adding todo:", err); // Critical for debugging
  this.toastCtrl.create({
    message: `Failed to add todo: ${err.message}`,
    duration: 3000
  }).then((toast) => toast.present());
})

4. Missing Validation Checks #

You should add checks to ensure this.house.id and the user’s UID exist before attempting to add the to-do. This prevents unnecessary errors.

Fix: Add validation at the start of ngOnInit():

ngOnInit() {
  // Check if house ID is defined
  if (!this.house?.id) {
    console.error("House ID is missing");
    this.toastCtrl.create({
      message: "Cannot add todo: House ID is undefined",
      duration: 3000
    }).then(toast => toast.present());
    return;
  }

  // Check if user is authenticated
  if (!this.todo_owner) {
    console.error("User is not logged in");
    this.toastCtrl.create({
      message: "Please log in to add todos",
      duration: 3000
    }).then(toast => toast.present());
    return;
  }

  // Rest of your code here
}

Corrected Full Code #

Here’s the revised code with all fixes applied:

todo_title:string; 
todo_description: string; 
todo_last_date: Date; 
todo_owner: string; 

constructor(private navCtrl: NavController, private toastCtrl:ToastController) { 
  this.todo_owner = firebase.auth().currentUser?.uid; // Optional chaining to avoid null errors
} 

ngOnInit() {
  // Validate required values first
  if (!this.house?.id) {
    console.error("House ID is undefined");
    this.toastCtrl.create({
      message: "Cannot add todo: House ID is missing",
      duration: 3000
    }).then(toast => toast.present());
    return;
  }

  if (!this.todo_owner) {
    console.error("User not authenticated");
    this.toastCtrl.create({
      message: "Please log in to add todos",
      duration: 3000
    }).then(toast => toast.present());
    return;
  }

  firebase.firestore().collection("house").doc(this.house.id).collection("toDoList").add({
    title: this.todo_title,
    description: this.todo_description,
    last_date: this.todo_last_date,
    owner: this.todo_owner,
    created: firebase.firestore.FieldValue.serverTimestamp()
  }).then((docRef) => {
    this.toastCtrl.create({ 
      message: "ToDo has been added!", 
      duration: 2000 
    }).then((toast) => { 
      toast.present(); 
      this.navCtrl.pop(); // Go back to previous page
    }); 
  }).catch((err) => { 
    console.error("Error adding todo:", err);
    this.toastCtrl.create({ 
      message: `Failed to add todo: ${err.message}`, 
      duration: 3000 
    }).then((toast) => { 
      toast.present(); 
    }); 
  }); 
}

内容的提问来源于stack exchange，提问作者Keaner111