如何让 npm 开始在不同的浏览器中打开

Question

在我的电脑上，默认浏览器是 Firefox，但我想在 Chrome 上打开我的 React 项目。 我尝试将package.json中的脚本更改为"start": "BROWSER=chrome react-scripts start" 。
我还尝试将 chrome 放在单引号内。 我什至尝试将 a.env 文件创建为BROWSER=<my chrome path>并将package.json脚本修改为"start": "env-cmd react-scripts start" 。
我也试过安装cross-env并使用它。 但这些都不起作用， npm start仍会在 Firefox 中打开一个选项卡。我该如何解决这个问题？
反应版本：18.2.0 操作系统：Windows 11

Answer 1

所以你想覆盖你的默认浏览器：导航到package.json将"start": "react-scripts start"替换为： "start": "BROWSER='google-chrome-stable' react-scripts start" Linux 。 和"start": "BROWSER='chrome' react-scripts start"对于windows和"start": "BROWSER='google chrome' react-scripts start"对于OSx 。 请注意，有一个“ , ”。

如果有效，终端中将有响应。

you@you:~/Your folder/your-app$ yarn start yarn run v1.22.19 $BROWSER='google-chrome-stable' react-scripts start

终端响应

否则：运行npm install --save-dev cross-env这是 npm跨环境安装，因为BROWSER是一个环境变量。 然后导航到package.json并编辑"start": "BROWSER='google-chrome-stable' react-scripts start"到"start": "cross-env BROWSER=chrome react-scripts start"像这样。 否则：始终运行BROWSER=chrome npm start代替npm start或只要开发服务器正在运行，只需打开localhost:3000或谷歌浏览器上的当前端口。 祝一切顺利。

否则.....要在 Visual Studio Code 中为您的 React 项目设置默认浏览器，您可以尝试以下步骤：

打开 Visual Studio Code 和 go 到终端。

在终端中，输入以下命令来安装打开的 package，它允许您为您的 React 项目指定默认浏览器：

npm install open

在 package.json 文件中，更新启动脚本以使用打开的 package 在所需的浏览器中打开您的 React 项目，如下所示：

"scripts": {
  "start": "open -a /Applications/Google\\ Chrome.app -- react-scripts start"
}

将 /Applications/Google\ Chrome.app 替换为系统上 Chrome 可执行文件的路径。 您可以通过打开 Chrome、转到菜单并选择“关于 Google Chrome”来找到它。

保存对 package.json 的更改，然后在终端中运行 npm 启动命令。 这应该会在 Chrome 中打开一个包含您的 React 项目的新选项卡。

我希望这有帮助！