web-dev-qa-db-ja.com

create-react-app：特定のブラウザーで「npmスタート」するにはどうすればよいですか？

npmスタート

デフォルトのブラウザーであるFirefoxで反応サーバーを起動します。私はFirefoxを閲覧するのが好きですが、Chromeを好みます。デフォルトのブラウザーをChromeに変更せずに、「npm start」でサーバーをChromeで強制的に起動する方法はありますか？ WindowsでBashを使用しています。

Edit：私は「create-react-app」を使用してサーバーを作成し、これにより scripts for "packages.json" file for "npm start" 。スクリプトは、デフォルトのブラウザでlocalhostサーバーを起動します。 「create-react-app」によって追加されたスクリプトを別のブラウザーで開始するように変更するにはどうすればよいですか？

javascriptnode.jswindowsnpm
28
Osama Qarem

これは、BROWSER環境変数で可能です。

ターミナルで直接行うこともできます：BROWSER=chrome npm start

これは Advanced Configuration docs で説明されています：

デフォルトでは、Create Reactアプリはデフォルトのシステムブラウザーを開き、Chromeを優先します。この動作をオーバーライドするブラウザーを指定するか、またはnoneに設定して完全に無効にします。ブラウザの起動方法をカスタマイズする必要がある場合は、代わりにノードスクリプトを指定できます。npmstartに渡される引数もすべてこのスクリプトに渡され、アプリが提供されるURLが最後になります引数。スクリプトのファイル名には.js拡張子が必要です。

また、ブラウザ名はプラットフォームによって異なることに注意してください。

アプリ名はプラットフォームに依存します。再利用可能なモジュールにハードコーディングしないでください。たとえば、Chromeはgoogle chrome、Linuxではgoogle-chrome、Windowsではchromeです。

7
Abbe

Package.jsonファイルにスクリプトを追加する

"devserver": "live-server --browser=Chrome"
1
lex

set-default-browserというパッケージが1つあります https://www.npmjs.com/package/set-default-browser

そこからパッケージをダウンロードして、次のコードを追加するだけです

var setDefaultBrowser = require('set-default-browser');

setDefaultBrowser("chrome");

または、これを実行することもできますset-default-browser chrome

ありがとう！

0
Narendra Solanki

追加のコマンドで毎回新しい。envファイルを作成したり、先頭にnpm startを追加したりしたくありません。シェル構成ファイルでnoneの代わりに選択したブラウザーを指定できます。端末に次のコマンドを入力します。

echo export BROWSER=none >> ~/.bashrc
source ~/.bashrc

この時点で、npm startを実行して満足することができます。

0
daGo

あなたがWindowsユーザーの場合は、に移動します->デフォルトのアプリ-> Webブラウザ次に、目的のブラウザを選択します。Linuxユーザーの場合は、System-settings- >詳細。 （注：古いバージョンのUbuntuではDetailsが呼び出されますシステム情報）

Sitting of windows

Sitting of linux

0
Gk Mohammad Emon

上記の手法を使用すると、エラー'BROWSER' is not recognized as an internal or external command, operable program or batch file.になる可能性があります

これを解決するには、クローンされたリポジトリでcross-envのnpmインストールを実行します：npm install --save cross-env

package.jsonファイルでこのコマンドを使用してみてください

"start": "cross-env BROWSER=chrome react-scripts start"

BROWSERは環境変数であり、cross-envパッケージを使用して適切に処理できます。

0
UTKARSH SINHA