Uncaught Error: Type HttpClient does not have 'ɵmod' property

Question

我正在创建一个引用此内容的新闻应用 link https://www.youtube.com/watch?v=D8J9QUwTWmU&t=3s&ab_channel=CodeXpression 第一次在服务器上检查时出错

Uncaught Error: Type HttpClient does not have 'ɵmod' property

app.module.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy } from '@angular/router';
import{HttpClient, HttpClientModule}from '@angular/common/http'; 


import { IonicModule, IonicRouteStrategy } from '@ionic/angular';

import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';

@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule,HttpClientModule,HttpClient],
  providers: [{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }],
  bootstrap: [AppComponent],
  
})
export class AppModule {}

app.component.ts

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

@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html',
  styleUrls: ['app.component.scss'],
})
export class AppComponent {
  constructor(private http:HttpClient) {}
}

Answer 1

1. 不要在 app.module.ts
上导入 HttpClient
2. 不要在 app.component.ts
中导入 HttpClientModule
3. 不要在您的 app.component.ts 中直接注入 HttpClient，而是使用服务。

这是我能看到的 3 errors/bad 个做法！