Reactファイルをgit cloneで受け取った時の対応方法について

Question

前提・実現したいこと

Reactの環境構築は出来ておりまして、自分でcreate-react-appで作ったプロジェクトは開けています。

今回GitHubにあるプロジェクトをgit cloneで自分のローカルにコピーしたのですが、
reactのファイルを他から受け取るのが初めてだったのでやり方が分かりませんでした。。

発生している問題・エラーメッセージ

npm start
npm ERR! code ENOENT
npm ERR! syscall open
npm ERR! path /Users/〇〇/package.json
npm ERR! errno -2
npm ERR! enoent ENOENT: no such file or directory, open '/Users/〇〇/package.json'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent 

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/〇〇/.npm/_logs/2021-02-02T09_16_10_886Z-debug.log

色々食べたのですが、情報が見つからずでして、、ご教示いただけますと幸いです。
よろしくお願いいたします。

追記・修正

cd で該当フォルダを指定し、npm installで以下のエラーとなりました。

gomanoMacBook-Pro:~ goma$ cd /Users/goma/react-app-basic
gomanoMacBook-Pro:react-app-basic goma$ npm install
npm WARN enoent ENOENT: no such file or directory, open '/Users/goma/package.json'
npm WARN goma No description
npm WARN goma No repository field.
npm WARN goma No README data
npm WARN goma No license field.

npm ERR! code ENOTDIR
npm ERR! syscall unlink
npm ERR! path /Users/goma/node_modules/.staging
npm ERR! errno -20
npm ERR! ENOTDIR: not a directory, unlink '/Users/goma/node_modules/.staging'

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/goma/.npm/_logs/2021-02-03T01_13_09_842Z-debug.log
gomanoMacBook-Pro:react-app-basic goma$ 

package.jsonの画像を添付します。

Comments

[hoshi-takanori]

ホームディレクトリで npm install してるように見えますが、気のせいでしょうか？
また、リポジトリが公開のものなら、URL を貼ってくれたらこちらでも試してみますけど。

[gomasan]

>ホームディレクトリで npm install してるように見えます
→一応git cloneしてホームディレクトリに入った該当のフォルダをcdで指定、npm installをしてみました。。またリポジトリは非公開なのです、、すみません。。皆さんはgithubにあるreactのフォルダをgit cloneした後にどのようにnpm startでブラウザ表示しているのでしょうか。。

[hoshi-takanori]

非公開の件は了解です。普通は npm install して npm start で動かすと思いますが、プロジェクトによってはいろんな手順がありうるので、そのリポジトリを作った人に聞くしかないですね。
でも、エラーメッセージの /Users/〇〇/package.json の、○○の部分がユーザー名なら、やはりホームディレクトリで (プロジェクトディレクトリに入らずに) npm install したってことでは？

[gomasan]

>普通は npm install して npm start で動かすと思いますが、プロジェクトによってはいろんな手順がありうる
→なるほど、認識としてはあってたようですが、私のやり方が違ったのかもしれません。。

>エラーメッセージの /Users/〇〇/package.json の、○○の部分がユーザー名なら、やはりホームディレクトリで (プロジェクトディレクトリに入らずに) npm install したってことでは？
→はい、〇〇の部分はユーザー名です！cdでフォルダ指定してnpm installをしましたが、エラーになります。。エラーの詳細は「追記・編集」として上に記載します。何度もすみません。

[hoshi-takanori]

うーん、何が起きてるんだろう…。react-app-basic の中に package.json はありますか？

[gomasan]

はい、package.jsonございます。ただpackage-lock.jsonというのもありました... 画像も「追記・修正」に載せます！

[hoshi-takanori]

react-app-basic の中に react-sample と todo-sample があるってことですか。それなら react-sample や todo-sample の中で npm install とか npm start とかしてください。

[gomasan]

>react-app-basic の中に react-sample と todo-sample があるってことですか。
→はい、その通りです。react-app-basicの中にフォルダが２つありました。

>それなら react-sample や todo-sample の中で npm install とか npm start とかしてください。
→教わった通りやったところ無事画面が開けました。。。泣　本当に有難うございます。大枠のフォルダに対してnpm installをしていたのがダメだったのですね、よくよく考えてみればそうでした。本当に助かりました。もしよろしければベストアンサーにさせていただきたく、一文でもいいので回答の方に記載いただけますと幸いです。

Answer 1

サブディレクトリの中に package.json があるなら、そのサブディレクトリの中に移動してから npm install や npm start をしましょう。

Comments

[gomasan]

この度は本当にありがとうございました。ディレクトリについても今後しっかり認識して使っていこうと思います。