类型“未知”.ts(2339) 上不存在属性“名称”

Question

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

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]);
  });

这是我用于Exercise

的界面

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 都应该是有效的。