Angularで「is not assignable to type ‘HttpParams | { [param: string]: string | string[]; }’.」

2025年3月26日

今回はAngularを使用しているときに下記のようなエラーが起きたときの対処法についてご紹介していきます。

Angularのバージョンは8.2.14です。

Angularで「is not assignable to type 'HttpParams | { [param: string]: string | string[]; }’.」

結論から言うとHTTPメソッド（または HttpParams を使用する場合）のクエリパラメータの想定としてはオブジェクトが型 { [param: string]: string | string[]; } に適合する必要があるのに対し、クエリパラメータにboolean型の変数を含めたときに表題のエラーが発生します。

より分かりやすく言うと、例えばboolean型のisPrimeという変数を用意して

という値をクエリパラメータに含めるとうまくいきません。
文字列に変換して

などとする必要があります。

知らないと引っかかるので、上記を確認しましょう。

終わりに

今回はAngularを使用しているときに表題のようなエラーが起きたときの対処法についてご紹介いたしました。