未捕获的类型错误：无法以角度读取控制台中 Http 服务中未定义的属性“id”？

我正在 Angular 中使用 http 服务 我有一个构造函数：

    import { HttpClientModule,HttpClient } from '@angular/common/http';
import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-posts',
  templateUrl: './posts.component.html',
  styleUrls: ['./posts.component.css']
})
export class PostsComponent implements OnInit {

  posts:any[];

  constructor( private http:HttpClient) {
   http.get('http://jsonplaceholder.typicode.com/posts').
    subscribe(response=>{
      this.posts=<any>response;

    })
   }

  ngOnInit(): void {
  }



}

HTML 部分：

<ul class="list-group">
    <li *ngFor="let post of posts" class="list-group-item">{{post.title}}</li>
</ul>

但在控制台中我收到错误 “未捕获的类型错误：无法读取未定义的属性'id'”。尝试了多种方法但仍然收到此错误。

应用程序模块.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { interval } from 'rxjs';
import {NgForm, FormsModule, ReactiveFormsModule} from '@angular/forms';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { Block1Component } from './block1/block1.component';
import { Block2Component } from './block2/block2.component';
import { HomeComponent } from './home/home.component';

import { PostsComponent } from './posts/posts.component';
import { HttpClientModule,HttpClient } from '@angular/common/http';


@NgModule({
  declarations: [
    AppComponent,
    Block1Component,
    Block2Component,
    HomeComponent,

    PostsComponent
  ],
  imports: [
    BrowserModule,
    HttpClient,
    AppRoutingModule,
    HttpClientModule,
    FormsModule,
    ReactiveFormsModule,


  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

添加了应用程序模块。问题是我再次收到错误

core.js:35929 Uncaught TypeError: Cannot read property 'id' of undefined
    at registerNgModuleType (core.js:35929)
    at core.js:35947
    at Array.forEach (<anonymous>)
    at registerNgModuleType (core.js:35943)
    at new NgModuleFactory$1 (core.js:36105)
    at compileNgModuleFactory__POST_R3__ (core.js:41895)
    at PlatformRef.bootstrapModule (core.js:42260)
    at Module../src/main.ts (main.ts:12)
    at __webpack_require__ (bootstrap:79)
    at Object.0 (main.ts:13)

当您在相关模块中混淆了导入和声明（或其他类似的混淆）时，通常会发生这种情况。例如，您可能已将一个组件放入导入数组中，其中只应“声明”模块。该组件应该位于声明数组中。