【React】create-react-app実行時にtimeoutエラーが出力する原因と対策

今回の現象

Reactのプロジェクトを作成しようとするときは以下のようなコマンドを入力すると思います。

create-react-app front

その際に以下のようなエラーに遭遇しました。

npm ERR! code ERR_SOCKET_TIMEOUT
npm ERR! errno ERR_SOCKET_TIMEOUT
npm ERR! network Invalid response body while trying to fetch https://registry.npmjs.org/@jest%2ftransform: Socket timeout
npm ERR! network This is a problem related to network connectivity.

原因

「Socket timeout」と表示されています。

どうやら、上記コマンド実行時にネット回線が悪いとTimeoutエラーが出力しまうようです。

解決策

何回か試すことで解決されることもありますが、私の場合は解決しなかったので、コマンドラインにて２つのコマンドを実行しました。

npm set timeout=1000000
npm set prefer-offline=true

これを実行することで「Happy Hacking!!!」と表示され無事に環境構築に成功しました。

よいReact生活を！