sh: react-scripts: command not foundの解決方法

reactのプロジェクト始めようとしたら早速エラーで詰まったので備忘。

今回の構築環境

node -v
v20.14.0

npm --version
10.7.0

react": "^18.3.1",
"react-dom": "^18.3.1",

エラーの経緯

reactプロジェクトを始める

npx create-react-app project-name
cd project-name
npm start

npm startしたら以下のエラー出る。

npm start

> react-app@0.1.0 start
> react-scripts start

sh: react-scripts: command not found

解決した方法

package.jsonのコマンド部分を書き換える。

package.json 変更前

"scripts": {
    "start": "react-scripts start",
}

package.json 変更後

"scripts": {
    "start": "NODE_ENV=production node_modules/react-scripts/bin/react-scripts.js start",
}

参考サイト