質問: ### 知りたい事 `create-react-app`でアプリを作成して、`npm start`するして`localhost:3000`にアクセスするも、下記の表示が。 ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/132d0ea42a134f75a7e22875a3884b1a.png) ※メモ 今までは普通にアクセスできました。 ただ、久しぶりに`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 ```
回答: こんにちは、Awtanabeさん 質問拝見しました。 同バージョンで新規プロジェクトを立ち上げてみましたが、 !イメージ説明 問題なく`localhost:3000`で起動するようです。 試してみることとしては、 1. 新たなプロジェクトを`create-react-app`で作成してみる 2. 立ち上げるポートを`3000`から別のポートに変更してみる 3. エラーが、`431 Request Header Fields Too Large`とのことでしたので、`localhost:3000`のcookieを削除してみる などを確認してみてはいかがでしょうか。 お役に立てるかわかりませんが、参考になれば幸いです。