使用无效数据调用的函数 DocumentReference.set()。不支持的字段值：自定义预算对象

Question

以下代码直到今天都可以正常工作。但我现在不知道它不起作用并给出以下错误。你能告诉我为什么吗？

错误：使用无效数据调用函数 DocumentReference.set()。 不支持的字段值：自定义预算对象

 export class Project {
        id: string = null;
        name: string;
        budgetList?: Budget[];
    }

export class Budget {
    id: string;
    amount: number;
    contingency: number = 20;
    budgetGroup: BudgetGroup = new BudgetGroup();
    creationTime: string;
}

代码：

  async create(data: DtoProject): Promise<Project> {
    try {
      const projectId: string = this.fireStore.createId();
      const budgets = this.budgetProvider.createBudgets(data.budgetList, projectId);//budgets
      const proj: Project = {
        id: data.id,
        name: data.name,
        budgetList: budgets,//here it has the error
      }
      proj.id = projectId;
      await this.fireStore.doc<Project>(`projects/${projectId}/`).set(proj));//project
      }
 }

  createBudgets(data: Budget[], projectId: string): Budget[] {
    let budgets: Budget[] = [];
    forEach(data, (d) => {
      const budgetId: string = this.fireStore.createId();
      d.id = budgetId;
      budgets.push(d);
      this.fireStore.doc<Budget>(`projects/${projectId}/budgets/${budgetId}`).set({
        id: budgetId,
        amount: d.amount,
        contingency: d.contingency,
        budgetGroup: d.budgetGroup,
        creationTime: moment().format()
      })
    })
    return budgets;
  }

Answer 1

您还可以将 add 方法与新对象一起使用，并使用扩展运算符复制所有值。这对我有用：

const user = new User();   
this.db.collection('users').add({...user});

Answer 2

对我有用

proj.budgetList = {...budgets}


await this.fireStore.doc<Project>(`projects/${projectId}/`).set({...proj}));

Answer 3

您还可以使用扩展运算符，例如：

this.fireStore
  .doc<Project>(`projects/${projectId}/`)
    .set( {...proj} ))

对我有用

Answer 4

错误只是说明输入的数据无效！

我也遇到了不知从何而来的错误，这是因为我从界面中删除了输入字段，该输入字段应该获取它的值并将其上传到某个集合的文档中！

注意：检查 .ts 文件 firebase.firestore().collection("some_name").add() / set() 中的代码是否存在一些不必要的字段。

Answer 5

您必须将预算数组转换为纯 JavaScript 对象数组。

第一步：

const budgets = arrayOfBudget.map((obj)=> {return Object.assign({}, obj)});

第二步：

const proj: Project = {
      id: data.id,
      name: data.name,
      budgetList: budgets
    }

那你就可以走了。

顺便说一句，当使用编译为 JavaScript 的语言进行开发时，您不能使用自定义对象。相反，您必须使用纯 JavaScript 对象来保存在 Firestore 数据库中。

例如，假设你有下面这个类：

export class User {
        id: string;
        name: string;
    }

然后你尝试执行以下代码：

 const user = new User();   
 this.db.collection('users').doc().set(user)

你会得到如下错误：

无效数据。数据必须是对象，但它是：自定义用户对象

现在，如果您尝试执行另一行代码：

 this.db.collection('users').doc().set(Object.assign({}, user))

您将看到您的对象已保存在数据库中。基本上Object.assign 做同样的事情：

this.db.collection('users').doc().set({id: user.id , name: user.name})

所以使用Object.assign，它会为你节省很多时间。

更新

正如我在下面的评论中指出的那样，您可以找到文档中关于 自定义对象 here 的内容。如您所见，有一个警告说：

// Web 使用 JavaScript 对象

下面是文档内容的屏幕截图。

Answer 6

您可以将对象字符串化并再次解析为对象以删除对象的类名。

const budgets = this.budgetProvider.createBudgets(JSON.parse(JSON.stringify(data.budgetList)), projectId);