[解決済み] 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
ファイルを作成します。
ここで
は、ほとんどの場合において、環境変数を使用した方が良いという説明です。
こちら
は、なぜ環境に秘密を保存することが悪い考えなのかについての説明です。
関連
-
[解決済み】React - 式は1つの親要素を持つ必要がありますか?
-
[解決済み】Warning.Itが表示されるのはなぜですか?Functions are not valid as a React child?
-
[解決済み】React Propsが定義されていません。
-
[解決済み] バベルエラーです。JSX値は、式または引用されたJSXテキストのいずれかである必要があります。
-
[解決済み] jest: テストスイートの実行に失敗しました。予期しないトークンのインポート
-
[解決済み] Webpack + Babelです。プリセット "es2015 "がディレクトリに相対して見つからなかった
-
[解決済み] react router dom v4でwebpack dev serverを構成する方法は?
-
[解決済み] React JS Jestで「SyntaxError: 予期しないトークン"
-
[解決済み] アクシオスは定義されていません
-
[解決済み】create-react-appでテンプレートが提供されない。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】ReactJS: マテリアルuiのブレークポイントについて
-
[解決済み] FontAwesomeの無料パッケージに含まれているアイコンのオブジェクト名はどこにあるのですか?
-
[解決済み] SVGサークル内の画像にボーダーを追加する方法
-
[解決済み] MUI Boxは何のためのコンポーネントですか?
-
[解決済み] React-Router 4 キャッチオールルート
-
[解決済み] React の open mailto E-Mail クライアントの onClick で textarea から本文を取得する。
-
[解決済み] プロップ `history` は `Router` で必須とマークされているが、その値は `undefined` である。
-
[解決済み] react-navigation v5を使ったreact-nativeアプリのAppNavigatorの構文を更新する。
-
[解決済み】iPhoneのブラウザからlocalhostで動作するWebサイトにアクセスする方法
-
[解決済み] この「react-scripts eject」コマンドは何をするものなのでしょうか?