React.jsを”npm start”のポートを変更する

やりたいこと

フロントエンド（React）とバックエンド（FastAPI）など、複数のモックを作っている時、http://localhost:3000/が重なってしまうことがあり、困ってしまうことがありました。暫定ですが、ポート番号を変更して対応しました。

やったこと

package.json編集

package.jsonを編集すれば、指定したポートでnpm startが可能となります。
※ここでは「3001ポート」に変更してます。
※root権限以外で、1024番ポート以下を指定すると下記のエラーが出るので注意。

"scripts": {
    "start": "PORT=3001 react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

参考

https://mebee.info/2020/04/06/post-8279/