create-react-app：如何使用特定浏览器“npm start”？

Question

npm 开始

在默认浏览器上启动反应服务器，对我来说是 Firefox。在浏览方面我喜欢 Firefox，但在 Web 开发方面我更喜欢 Chrome，因为它的开发者工具。有没有一种方法可以强制“npm start”使用 Chrome 启动服务器，而无需将我的默认浏览器更改为 chrome？我在 Windows 上使用 Bash。

编辑： 我使用“create-react-app”来创建我的服务器，这会 为“npm start”向“packages.json”文件添加一个脚本。该脚本使用默认浏览器启动本地主机服务器。如何修改“create-react-app”添加的脚本，使其以不同的浏览器启动？

原文由 Osama Qarem 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这可以通过 BROWSER 环境变量实现。

您也可以直接在终端中执行： BROWSER=chrome npm start

这在 高级配置文档 中有描述：

默认情况下，Create React App 将打开默认系统浏览器，支持 macOS 上的 Chrome。指定一个浏览器来覆盖此行为，或将其设置为 none 以完全禁用它。如果您需要自定义浏览器的启动方式，您可以指定一个节点脚本。传递给 npm start 的任何参数也将传递给此脚本，并且提供您的应用程序的 url 将是最后一个参数。您的脚本文件名必须具有 .js 扩展名。

另请注意，不同平台的浏览器名称不同：

应用程序名称取决于平台。不要在可重用模块中对其进行硬编码。例如，Chrome 在 macOS 上是 google chrome ，在 Linux 上是 google-chrome ， 在 Windows 上是 chrome。

原文由 Abbe 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

正如您所提到的，您正在使用 create-react-app 来创建 React 应用程序，并且您希望 chrome 在点击时打开 npm start 。设置 BROWSER 变量 package.json 以下列方式出现在您的项目中：

代替：

 "start": "react-scripts start"

和：

• Linux：

   "start": "BROWSER='google-chrome-stable' react-scripts start"

• 视窗：

   "start": "BROWSER='chrome' react-scripts start"

• 操作系统：

   "start": "BROWSER='google chrome' react-scripts start"

原文由 n0noob 发布，翻译遵循 CC BY-SA 4.0 许可协议