npm run start , yarn start で新しいタブを開かない

Question

最近 React を勉強しはじめました。
初歩的な質問なのですが、npm run start / yarn start 等でローカルサーバーを立ち上げてブラウザ確認をする際に、
毎回、新しいタブがブラウザで開かれてしまいます。
これを前回開いたタブで表示を更新することは可能でしょうか？

※ create-react-app を使用してプロジェクトを生成しています。

■環境
Windows 10
node: 10.16.3
yarn: 1.19.0
npm: 6.9.0
Chrome バージョン: 77.0.3865.120
エディタ: VSCode

■詳細手順

1. VSCodeのターミナルにて yarn start を実行
2. Chrome が自動で開き localhost:3000 で表示
3. VSCodeのターミナルにて Ctrl + C で一旦サーバー停止
4. 再度 VSCodeのターミナルにて yarn start で実行

→　2で開いた際のタブを更新表示してほしいのに、新しいタブが開かれてしまう

職場のmacだと不思議と前回開いたタブが更新表示されるのですが、これは mac と windows の差なのでしょうか。
それとも、webpack なんかで開くタブの設定が成されているのでしょうか。

知っている方がおられましたら、ご教授下さいますようお願い致します。

Comments

[tanishi_a]

ブラウザの設定の差のような気がします。違ったらすみません

[takuya_am]

返事がおそすぎて申し訳ありません。
openBrowser() がブラウザかOSのものかは調べていないのですが
方向性は合っていたような感じでした！
ご助力ありがとうございます。

Answer 1

かなり時間が過ぎてしまいましたが、とりあえず解決しましたので方法を記載しておきます。

解決方法

node_modules > react-scripts > scripts > start.js
openBrowser(urls.localUrlForBrowser); をコメントアウト

余談

• mac ではならなくて windows では新しいタブが開かれるのはなぜか

　→ openBrowser() の docs に以下のように書かれていました。

指定されたURLでブラウザを開こうとします。
Mac OS Xでは、AppleScriptを介して既存のChromeタブを再利用しようとします。
そうでない場合は、オープン動作にフォールバックします。

mac では新規タブを開かないような処理になっているようです。

注1) react-scripts 配下にあるwebpack.config.jsやwebpackDevServer.config.jsに
以下のような設定をしても新規タブは開いてしまいます。。。

devServer: { open: false }

注2) コメントアウトして良いものかどうかまで調べていませんので、何か不具合が発生するかもしれません。