create-react-appで`localhost:3000`で431レスポンス

Question

知りたい事

create-react-appでアプリを作成して、npm startするしてlocalhost:3000にアクセスするも、下記の表示が。

※メモ
今までは普通にアクセスできました。
ただ、久しぶりにcreate-react-appでアプリを作成したところ、srcディレクトリが作成されませんでした。調べたらバージョンが古くなっていたらしく、新しくcfeate-react-appをインストールしたら、localhost:3000にアクセスできなくなってました。

調べた事。

ヘッダーが重いとの事でしたが、対応さくがわからず質問したいです。
https://developer.mozilla.org/ja/docs/Web/HTTP/Status/431

バージョン

# npm
➜  ~ npm --v
6.12.1

# create-react-app
➜  ~ create-react-app -V
3.3.0

#node
➜  ~ node -v
v13.1.0

Answer 1

こんにちは、Awtanabeさん

質問拝見しました。

同バージョンで新規プロジェクトを立ち上げてみましたが、

問題なくlocalhost:3000で起動するようです。

試してみることとしては、

1. 新たなプロジェクトをcreate-react-appで作成してみる
2. 立ち上げるポートを3000から別のポートに変更してみる
3. エラーが、431 Request Header Fields Too Largeとのことでしたので、localhost:3000のcookieを削除してみる

などを確認してみてはいかがでしょうか。

お役に立てるかわかりませんが、参考になれば幸いです。

Comments

[Awtanabe]

ご対応ありがとうございます！
やってみます。

[Awtanabe]

クロームを再起動したらいけました。。。
ご回答ありがとうございました。