[解決済み] create-react-app: 特定のブラウザで "npm start" するには?
質問
npmスタート
はデフォルトブラウザ(私の場合はFirefox)でreactサーバを起動します。私はブラウジングにはFirefoxが好きですが、ウェブ開発では開発者ツールのためにChromeを好んで使っています。デフォルトのブラウザをクロームに変更することなく、クロームでサーバーを起動するように "npm start" を強制する方法はありますか?私はWindows上でBashを使用しています。
編集しています。 サーバを作成するのに "create-react-app" を使用したところ、このように スクリプトを "packages.json" ファイルに追加して、"npm start" . このスクリプトは、デフォルトブラウザでローカルホストのサーバを起動します。create-react-app"によって追加されたスクリプトを、別のブラウザで起動するように変更するにはどうすればよいでしょうか。
解決方法を教えてください。
これは
BROWSER
環境変数を使用します。
また、ターミナルで直接行うこともできます。
BROWSER=chrome npm start
これは 高度な設定に関する文書 :
デフォルトでは、Create React App はデフォルトのシステムブラウザを開き、macOS では Chrome が優先されます。この動作を上書きするにはブラウザーを指定するか、完全に無効にするには none に設定します。ブラウザの起動方法をカスタマイズする必要がある場合は、代わりにノードスクリプトを指定できます。npm startに渡された引数はすべてこのスクリプトにも渡され、アプリが提供されるURLは最後の引数になります。スクリプトのファイル名には、拡張子として .js が必要です。
また、ブラウザ名はプラットフォームによって異なることに注意してください。
アプリ名はプラットフォーム依存です。再利用可能なモジュールでハードコーディングしないようにしましょう。例えば、ChromeはmacOSではgoogle chrome、Linuxではgoogle-chrome、Windowsではchromeとなります。
関連
-
[解決済み] 配列から特定の項目を削除するにはどうすればよいですか?
-
[解決済み] GUID / UUIDの作成方法
-
[解決済み] 配列に特定のインデックスで項目を挿入する方法 (JavaScript)
-
[解決済み] JavaScriptで要素のクラスを変更するにはどうすればよいですか?
-
[解決済み] sudoを使わずにnpmがエラーを投げるのを修正する方法
-
[解決済み] Node.jsのnpmモジュールをアンインストールするにはどうすればよいですか?
-
[解決済み] NPMパッケージの以前の正確なバージョンをインストールするにはどうすればよいですか?
-
[解決済み] WebStormで未解決の変数が大量にある場合の警告に対処する方法は?
-
[解決済み] JavaScriptでjson-objectのキーを取得する [重複].
-
[解決済み] これは純関数ですか?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] JavaScriptで次の要素/前の要素を取得しますか?
-
[解決済み] Javascriptによるタッチスクリーンデバイスの検出
-
[解決済み] ExtJS 4のイベントハンドリングについて
-
[解決済み] javascript の関数から `undefined` と `null` のどちらを返すのが良いのでしょうか?
-
[解決済み] Javascriptで動的に命名されたメソッドを呼び出すにはどうすればよいですか?
-
[解決済み] TypeScriptプロジェクトで既存のC#クラス定義を再利用する方法
-
[解決済み] jQueryで入力ファイルが空かどうかをチェックする方法
-
[解決済み] モデルフェッチ時に1をtrueに、0をfalseに変換する方法
-
[解決済み] Prototypeを使ってtextareaを自動サイズ調整するには?
-
[解決済み] なぜjavascriptのES6 Promisesはresolve後も実行を継続するのですか?