ng build error - 属性不存在

Question

当我运行ng build --prod时，我收到以下错误：

ERROR in src\app\user-item.component.html<4,26>: :Property 'displayName does not exist on type 'User.'

否则不会出现此错误。我非常感谢能够解决这个问题的一些指导。

foll是我的用户列表组件，带有子组件用户项

<div class="userList">
  <app-user-item
  [user]=user *ngFor="let user of users">
  </app-user-item>
</div>

我在UserItemComponent上有一个输入属性用户：

export class UserItemComponent implements OnInit {

  @Input() user: User;

  constructor() { }

  ngOnInit() {
  }

}

foll是我的UserItemComponent的html：

<div class="userItem">
  <span class="status" [ngClass]=(user.status)>
  </span>
  <span class="userName">
    {{user.displayName}}
  </span>
</div>

Answer 1

确保您的班级/界面 User 有一个名为 displayName

的属性

export class User {
    uid?: string;
    email?: string;
    username?: string;
    password?: string;
    displayName?: string;
    status?: string;
}