javascript - 类型 'name' .ts(2339) 上不存在属性 'unknown'

Question

我正在尝试返回一个具有 name 属性的新对象。但它一直给我这个错误，但代码编译没有任何问题。我正在使用 Angular 9 和 AnfularFirestore 访问 火力基地

this.db
  .collection('availableExercises')
  .snapshotChanges()
  .pipe(
    map(docArray => {
        return docArray.map(doc => {
            return {
                id: doc.payload.doc.id,
                name: doc.payload.doc.data().name,
                duration: doc.payload.doc.data().duration,
                calories: doc.payload.doc.data().calories
            };
        });
    })
  ).subscribe((exercises: Exercise[]) => {
      this.availableExercises = exercises;
      this.exercisesChanged.next([...this.availableExercises]);
  });

这是我用于 的接口(interface)练习

export interface Exercise{
  id: string;
  name: string;
  duration: number;
  calories: number;
  date?: Date;
  state?: 'completed' | 'cancelled' | null;
}

Answer 1

很可能是 TS Lint 错误。一种解决方法是使用方括号而不是点运算符来访问属性。尝试以下

return docArray.map(doc => {
  return ({
    id: doc.payload.doc['id'],
    name: doc.payload.doc.data()['name'],
    duration: doc.payload.doc.data()['duration'],
    calories: doc.payload.doc.data()['calories']
  });
});

如果您仍然收到错误，请尝试在访问链上替换点运算符。

尽管如此，无论这个错误如何，生成的 JS 都应该是有效的。