1. ホーム
  2. reactjs

[解決済み] create-react-appベースのプロジェクトを実行するためのポートを指定する方法は?

2022-03-18 22:47:40

質問

私のプロジェクトは クリエートリアクトアプリ . npm start または yarn start で実行されます。 ポート3000 で、package.jsonにポートを指定するオプションはありません。

この場合、どのようにすれば好きなポートを指定できるのでしょうか?このプロジェクトを2つ同時に実行したいのですが(テスト用)、1つはポート 3005 で、もう一つは 3006

解決方法は?

を設定したくない場合は 環境変数 を変更することもできます。 scripts からpackage.jsonの部分を削除してください。

"start": "react-scripts start"

になります。

リナックス (Ubuntu14.04/16.04でテスト)および MacOS (MacOS Sierra 10.12.4 で @aswin-s がテストしました):

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

または、@IsaacPak による、より一般的な解決策かもしれません。

"start": "export PORT=3006 react-scripts start"

ウィンドウズ JacobEnsor さんのソリューション

"start": "set PORT=3006 && react-scripts start"

クロスエンベロープリブ はどこでも動作します。Aguinaldo Possattoを参照 回答 詳細はこちら

回答が好評のため更新しました。 現在では、私は、環境変数が保存された .env ファイル(異なる deploy の構成を、便利で読みやすい形にしたものです)。また *.env.gitignore に保存している場合、その秘密は .env ファイルを作成します。 ここで は、ほとんどの場合において、環境変数を使用した方が良いという説明です。 こちら は、なぜ環境に秘密を保存することが悪い考えなのかについての説明です。