Angularで実行時に「Error: StaticInjectorError[HttpClient]: ~No provider for HttpClient!」というエラーが出る場合の解決方法。

AngularでHttpClientを使おうと思ったら、実行時に以下のようなエラーがブラウザのコンソールに表示されました。

Error: StaticInjectorError[HttpClient]: 
  StaticInjectorError[HttpClient]: 
  NullInjectorError: No provider for HttpClient!

原因はHttpClientModule のインポートし忘れの可能性があります。

app.module.tsでHttpClientModuleをインポートしましょう。

以下のようにします。

// ↓追加
import { HttpClientModule } from '@angular/common/http';

@NgModule({
declarations: [
  AppComponent,
],
imports: [
  BrowserModule,
  AppRoutingModule,
  HttpClientModule // ← 追加
],
…

参考になると嬉しいです。