在某个浏览器中运行 create-react-app答案

【问题标题】：Run create-react-app in a certain browser在某个浏览器中运行 create-react-app
【发布时间】：2021-12-25 17:55:47
【问题描述】：

是否可以在我选择的某个浏览器中启动create-react-app 应用程序？目前，它总是在 Chrome 中运行，而我希望它在 Chrome Canary 中运行。有人知道吗？

【问题讨论】：

你系统的默认浏览器是什么？
Chrome，Windows 10

标签： node.js create-react-app

【解决方案1】：

您可以使用BROWSER 环境变量来设置您要在哪个浏览器中打开应用程序。例如，

BROWSER=firefox yarn start

或

BROWSER=firefox npm start

将在 Firefox 中打开应用程序。

所以，你可以在你的 package.json 中添加这样的内容

"scripts": {
  "start": "BROWSER=firefox react-scripts start",
  "build": "react-scripts build && sw-precache --config=sw-precache-config.js",
  "test": "react-scripts test --env=jsdom",

您可以在pull request thread 中了解更多信息

【讨论】：

是否可以在给定的配置文件中打开 Firefox？寻找与/Applications/Firefox.app/Contents/MacOS/firefox-bin -p development 等价的东西。
找到了一种使用脚本选项的方法。见github.com/facebook/create-react-app/issues/1533
但是 Chrome Canary 到底怎么样？有人试过吗？
对于谷歌浏览器，使用"BROWSER='Google Chrome' react-scripts start"

【解决方案2】：

对于create-react-app 的当前迭代，这可以通过使用“BROWSER”键将.env 文件添加到项目中来完成。它在文档的Advanced Configuration 部分进行了描述。

如果您想将 Google Chrome Canary 用于您的开发浏览器（就像我一样），那么您需要在项目的根目录中创建 .env 文件，其中包含以下内容：

# Override default browser for npm start in react-script
BROWSER=Google Chrome Canary

请确保您不要过分热心并引用它或在末尾添加分号。我都做了，一开始就摸不着头脑，为什么它不起作用。

【讨论】：

【解决方案3】：

您可以将.env 文件与BROWSER=firefox 一起使用

https://create-react-app.dev/docs/advanced-configuration/

【讨论】：

【解决方案4】：

这对我有用：

在PowerShell中设置Chrome Canary为默认浏览器（先选对路径）

$chromePath = "${Env:ProgramFiles(x86)}\Google\Chrome\Application\"
$chromeApp = "chrome.exe"
$chromeCommandArgs = "--make-default-browser"
& "$chromePath$chromeApp" $chromeCommandArgs

（来自的回答） https://stackoverflow.com/a/17536704/11878186

在根目录下的.env文件中设置变量BROWSER=Chrome

【讨论】：