fetchのoptionでTSエラー ts(2345)

1
エラー文
型 'ApiGetOptions' の引数を型 'RequestInit' のパラメーターに割り当てることはできません。
プロパティ 'headers' の型に互換性がありません。
型 '{ Accept: "application/json"; 'Content-Type': "application/json"; 'x-api-key': String; }' を型 'HeadersInit | undefined' に割り当てることはできません。
型 '{ Accept: "application/json"; 'Content-Type': "application/json"; 'x-api-key': String; }' を型 'Record<string, string>' に割り当てることはできません。
プロパティ ''x-api-key'' はインデックス シグネチャと互換性がありません。
型 'String' を型 'string' に割り当てることはできません。
'string' はプリミティブですが、'String' はラッパー オブジェクトです。できれば 'string' をご使用ください。ts(2345)
該当コード
export type ApiGetOptions = {
  method: "GET"; // GET
  mode: "cors"; // no-cors, *cors, same-origin
  cache: "no-cache"; // *default, no-cache, reload, force-cache, only-if-cached
  credentials: "include"; // include, *same-origin, omit
  headers: {
    Accept: "application/json";
    "Content-Type": "application/json";
    "x-api-key": String;
  };
};

エラー文の通り、x-api-keyStringからstringにするだけで解決した

エラー文が長くて遠回りしたけど普通に最後の文だけ見ればよかった上から順に見てってしまった

参考:

RequestInit のページ HeadersInit のページ

  • SNSでシェアしよう
  • Twitterでシェア
  • FaceBookでシェア
  • Lineでシェア
  • 記事タイトルとURLをコピー
トップへ戻るボタン

\ HOME /

トップへ戻る