[解決済み] ERROR エラーです。StaticInjectorError(AppModule)[UserformService -> HttpClient]です。

質問

PrimeNGテーブルを追加しようとして、ここでビルドを壊してしまいました。 https://github.com/BillyCharter87/Tech-O-Dex-UI/tree/BrokeIt

を更新した記憶があります。 package.json TypeScript 2.3.4から2.4.0にしたら、(たしか) Headers と Http をPOST呼び出しに使用しました。2.3.4に戻してみましたが、効果はありませんでした。追加で直せるところは直しました。

import { HttpClient, HttpHeaders } from "@angular/common/http";

というエラーに遭遇します。 HttpClient . をインポートしてみました。 HttpClient をプロバイダに入れるには、このようにします。 providers: [HttpClient] をapp.module.tsに追加しました。

エラーの全容は以下の通りです。

AppComponent.html:9 ERROR Error: StaticInjectorError(AppModule)[HttpClient -> HttpHandler]: 
StaticInjectorError(Platform: core)[HttpClient -> HttpHandler]: 
NullInjectorError: No provider for HttpHandler!

解決方法は？

をインポートしていることを確認してください。 HttpClientModule を追加するのではなく HttpClient をプロバイダのリストに直接追加します。

参照 https://angular.io/guide/http#setup をご覧ください。

は HttpClientModule 実際に提供されるのは HttpClient を使用します。参照 https://angular.io/api/common/http/HttpClientModule :

コードサンプルです。

import { HttpClientModule, /* other http imports */ } from "@angular/common/http";

@NgModule({
    // ...other declarations, providers, entryComponents, etc.
    imports: [
        HttpClientModule,
        // ...some other imports
    ],
})
export class AppModule { }