Reactポートをクローズする方法 - Macでの解決策


  1. プロセスIDを調べて終了する方法:

ターミナルを開き、次のコマンドを実行します。

lsof -i :ポート番号

ポート番号には、Reactアプリケーションが実行されているポート番号を指定します。コマンドを実行すると、ポートを使用しているプロセスの情報が表示されます。プロセスID(PID)を確認し、次のコマンドを使用してプロセスを終了します。

kill -9 プロセスID
  1. lsofコマンドを使用してポートをクローズする方法:

ターミナルを開き、次のコマンドを実行します。

sudo lsof -i :ポート番号 | grep LISTEN | awk '{ print $2 }' | xargs kill -9

これにより、指定したポート番号でリッスンしているプロセスが終了します。

  1. Reactスクリプトを修正してポートを自動的に解放する方法:

Reactアプリケーションのpackage.jsonファイルを開き、"scripts"セクション内の"start"スクリプトを次のように変更します。

"start": "PORT=3000 react-scripts start"

ポート番号を適切な番号に置き換えます。この変更により、Reactアプリケーションが終了すると、ポートが自動的にクローズされます。

  1. ターミナルでCtrl+Cを使用してReactサーバーを終了する方法:

Reactアプリケーションのターミナルで実行している場合、Ctrl+Cを押すことでサーバーを終了できます。この方法は、開発中のアプリケーションを停止するために使用することができます。

これらの方法を試してみて、Reactポートを正常にクローズできるかどうか確認してください。エラーが解決しない場合は、より詳細な情報を提供していただければ幸いです。