Fetch APIでHTTP PATCHリクエストだけが失敗するバグの解決策

TL;DR
fetch()で「patch」リクエストが通らない
postとかは小文字でもいけるよ？？
まとめ
参考リンク

TL;DR

methodの指定をpatchからPATCHと、大文字に変更してください。

 method: "patch", // NG!!
----
 method: "PATCH", // OK

fetch()で「patch」リクエストが通らない

以下のようなコードを使ってHTTP PATCHを送ろうとしてもうまくいきません。

const response = await fetch(`some/api/endpoint`, {
    method: "patch",  // <---------------------- 小文字になっていませんか？
});

自分の環境（Chrome）では、net::ERR_EMPTY_RESPONSEというエラーになりました。

fetch()を使う場合、HTTPリクエストメソッドはpatchではなく、全て大文字のPATCHで指定する必要があります。
小文字にしている場合は大文字に直すことで（それ以外にエラーがなければ）動作するようになります。

postとかは小文字でもいけるよ？？

まず、HTTPのメソッド名は大文字と小文字を区別する（case-sensitive）仕様になっています。
HTTPのメソッドはオブジェクトシステムのゲートウェイとして（つまりオブジェクト指向言語のメソッド名として）使われることを想定しているから、という事のようです。（プログラミング言語での「オブジェクトのメソッド」は基本的にcase-sensitiveです。）

すなわち、getではなく、GETと指定する必要があります。

しかし、Fetch APIの仕様によると、以下のメソッドについては正規化（Normalization）のため、fetch()内部で大文字に変換されるとのこと。