未捕获的错误：类型 HttpClient 没有“ɵmod”属性

Question

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

未捕获的错误：类型 HttpClient 没有 'ɵmod' 属性

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 个错误/不良做法！