【M1 Mac】npm start できなかった時の対処記録

状況

普段使っているWindows環境でいつも通り
Create Reactapp！
（この段階では普通に起動できる）

GitHub経由でファイルを移して
掘り起こしたMacにHomebrew・node.jsをインストールしてターミナルで
npm start..　あれ？
sh: react-scripts: command not found
binファイルを確認してもNode.jsはしっかりインストールされているし...

という状況に陥ったので、同じ状況に陥った仲間のために本記事を投稿します。
※筆者は酷く初心者なため稚拙な内容をお許し下さい。

原因

色々調べてみると M1 macにてパッケージマネージャのHomebrewが上手くインストールできないという記事を発見。

Homebrewの再インストール

上記の記事を参照してターミナルをRosettaを使用して開くにチェックを入れ、下記のコードをターミナルにコピしてHomebrewを再インストール。

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

brew- v
Homebrew 3.6.12
Homebrew/homebrew-core (git revision 0ab8010e32e; last commit 2022-11-22)

brew -vでバージョンを確認し、インストールが確認できました。

Node.jsのアンインストール・インストール

アンインストール

Node.jsを再インストールする前に一度アンインストールしておきます

sudo npm uninstall -g npm
Password:

removed 211 packages, and audited 1 package in 499ms

found 0 vulnerabilities

再インストール

下記のリンクからNode.jsのインストーラをDLし再インストール

package.jsonのインストール

node.jsを再インストールしたのでpackage.jsonを読み込み直します

npm install
npm run build

頼む npm start

プロジェクトに戻ってnpm start
無事起動しました

Compiled successfully!

You can now view replace in the browser.

  Local:            http://localhost:3000
  On Your Network:  http://192.168.1.9:3000

Note that the development build is not optimized.
To create a production build, use npm run build.

webpack compiled successfully

最後に

原因の分解がうまく出来ず、お恥ずかしながらどれが解決に繋がったのかは分からなくなってしまいましたが同じ症状に出会った方が解決につながれば嬉しいです。