いつも通り、エラーの備忘録です!
今回はgit cloneしたReactアプリが起動できなかったお話です。
結論、アプリのディレクトリで「yarn」コマンドを入力して解決しました。
目次
Reactアプリが起動できない
このたび、Reactの超初心者なのにとある事情によりReactでアプリ開発をすることになりました!
![](https://wakunkyo.com/wp-content/uploads/2021/11/2-150x150.png)
ドキドキする!
早速Reactで作ったアプリをgit cloneしました。
npm start
ん?あれ?
sh: react-scripts: command not found
あれ?認識してなくない???
どうやらpackage.jsonはあるけどnode_moduleがないよ。ちゃんとインストールしたか?的なことを言われているようです。
![command not found](https://wakunkyo.com/wp-content/uploads/2023/01/スクリーンショット-0005-01-27-21.23.50-1024x63.jpg)
![command not found](https://wakunkyo.com/wp-content/uploads/2023/01/スクリーンショット-0005-01-27-21.23.50-1024x63.jpg)
うん。ごめん。
親切に教えてくれて申し訳ないんだけど、そのへんの知識、1ミリもないんだ。
でもインストールした記憶はない。
これではスタートにすら立てないのだが。
原因を調べてみる
Reactの環境構築の手順を踏んで、こちらは普通にできたのに、なぜ??
ちょっと調べてみたらこんな神記事を見つけました。
これによると、
yarn startの前に、yarn installをしましょう!
https://qiita.com/M0304/items/f4eeab961439313dd537
とのこと。
さっそくアプリのディレクトリで実行してみます。
すると…
あ、できた。
![reactのサーバーを起動](https://wakunkyo.com/wp-content/uploads/2023/01/スクリーンショット-0005-01-27-21.18.44.jpg)
![reactのサーバーを起動](https://wakunkyo.com/wp-content/uploads/2023/01/スクリーンショット-0005-01-27-21.18.44.jpg)
原因は何か
先ほどの記事によると、
package.jsonの記述に従って、依存関係のあるパッケージを全てインストールするためです。
https://qiita.com/M0304/items/f4eeab961439313dd537
とのこと。
うーん、、、???
解説できるほど理解が追いついてないので、ここはわかり次第追記とさせてください。
終わりに
とりあえず解決はしたものの、自分に知識がないのでスッキリしないですね。
もろもろの余裕ができたらしっかり勉強したいです。
とりあえず同じようなエラーに遭遇した方のご参考になれば幸いです!
ではでは〜
リンク
![にほんブログ村 ブログブログ 雑記ブログへ](https://b.blogmura.com/blog/zakkiblog/88_31.gif)
![にほんブログ村 ブログブログ 雑記ブログへ](https://b.blogmura.com/blog/zakkiblog/88_31.gif)
にほんブログ村