create-react-app ベースのプロジェクトを実行するためのポートを指定するにはどうすればいいですか? 質問する

create-react-app ベースのプロジェクトを実行するためのポートを指定するにはどうすればいいですか? 質問する

私のプロジェクトはReactアプリを作成するnpm startまたは、デフォルトではポート 3000yarn startでアプリケーションが実行され、package.json でポートを指定するオプションはありません。

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

ベストアンサー1

設定したくない場合は環境変数scripts別の方法としては、package.json の次の部分を変更します。

"start": "react-scripts start"

Linux (Ubuntu 14.04/16.04 でテスト済み) およびMacOS (aswin-s によって MacOS Sierra 10.12.4 でテスト済み):

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

または、より一般的な解決策としては、アイザックパック

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

ウィンドウズ ジェイコブ・エンソルの解決策

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

クロス環境ライブラリはどこでも動作します。Aguinaldo Possattoの答え詳細については

私の回答が好評だったため更新しました:現在、私は環境変数を保存することを好みます.envファイル(さまざまな構成の変数セットを便利で読みやすい形式で保存するのに便利です)。まだ秘密をファイルに保存している場合は、deploy忘れずに を追加して*.envください。.gitignore.envここほとんどの場合に環境変数を使用する方がよい理由を説明します。ここ環境に秘密を保存することがなぜ悪い考えなのかを説明しています。

おすすめ記事