Angular中HomeComponent不存在loadDataTimerID属性报错原因咨询

先看你提供的代码：

export class HomeComponent implements OnInit { 
  posts:Post[]; 
  constructor(private dataService:DataService) { } 
  ngOnInit() { 
    this.loadPosts() 
    this.loadDataTimerID = setInterval(this.loadPosts, 3000); 
  } 
  loadPosts = () => { 
    this.dataService.getPosts().subscribe((posts) => { 
      if (this.loadDataTimerID) { 
        clearInterval(this.loadDataTimerID); 
      } 
      this.posts = posts; 
    }); 
  } 
}

你提到代码功能正常，但终端抛出了ERROR in src/app/components/home/home.component.ts(15,10): error TS2339: Property 'loadDataTimerID' does not exist on type 'HomeComponent'这个错误，原因其实很明确：

• TypeScript是强类型静态检查语言，它要求类的所有成员属性必须先显式声明，才能在类的方法中使用。
• 你在ngOnInit里直接给this.loadDataTimerID赋值，又在loadPosts方法里访问它，但这个属性根本没有在HomeComponent类的顶部声明过。虽然纯JavaScript允许这种隐式添加属性的操作，但TypeScript的编译器会严格校验类的结构，它找不到loadDataTimerID的类型定义，所以就抛出了这个错误。

快速修复方法 #

只需要在类里显式声明这个属性即可，比如：

export class HomeComponent implements OnInit { 
  posts:Post[]; 
  // 声明loadDataTimerID，类型设为number（定时器ID的类型）或undefined
  loadDataTimerID: number | undefined;
  constructor(private dataService:DataService) { } 
  // ... 其余代码不变
}

这样TypeScript编译器就能识别这个属性，错误也就消失了。

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