Just do IT

思うは招く

webpack-dev-server をしたら Chrome でHTTP431エラー

問題

webpackで開発用サーバー(webpack-dev-server)を立ち上げたとき、Chromeで「このページは動作していません。HTTP 431 エラー」と出て何も表示されなかった。Safariなど他のブラウザでは問題なく動く。

解決

Chromeの設定からCookieを削除することで解決した。HTTPリクエスト時のヘッダーサイズが、Node.jsの許容量を超えていたのが原因と考えられる。

Node.jsの最大HTTPリクエストヘッダサイズのデフォルト値である8kBを越えるHTTPリクエストヘッダサイズを送信していたことが原因だった

Node.jsのHTTPリクエストヘッダの最大サイズでハマった話 - Qiita

その他参考