npm start
运行此命令将在默认浏览器（对我来说是Firefox）上启动React服务器。我喜欢使用Firefox浏览网页，但是在Web开发中更喜欢Chrome浏览器的开发者工具。有没有办法强制“npm start”在Chrome浏览器上启动服务器，而不需要把默认浏览器改为Chrome？我正在使用Windows的Bash。
编辑：我用"create-react-app"创建了我的服务器，这会在"packages.json"文件中添加一个"npm start"的脚本。该脚本将使用默认浏览器启动本地服务器。如何修改由"create-react-app"添加的脚本，使其启动其他浏览器？
可以通过设置 BROWSER 环境变量来实现。
也可以在终端中直接执行以下命令：
BROWSER=chrome npm start
这在 高级配置文档 中有详细描述：
默认情况下，Create React App 将打开默认的系统浏览器，在 macOS 上优先选择 Chrome。指定浏览器以覆盖此行为，或将其设置为 none 以完全禁用它。如果需要自定义浏览器启动方式，可以指定一个节点脚本。任何传递给 npm start 的参数也将传递给此脚本，并且您应用程序服务的 URL 将是最后一个参数。您的脚本文件名必须具有 .js 扩展名。
还要注意不同平台上的浏览器名称不同：
应用程序名称因平台而异。不要在可重用模块中硬编码它。例如，Chrome 在 macOS 上为 google chrome，在 Linux 上为 google-chrome，在 Windows 上为 chrome。
BROWSER=google chrome canary 将其设置为 Chrome Canary。 - Darren AlfonsoBROWSER=google-chrome-stable。 - n0noob您提到正在使用 create-react-app 创建 React 应用程序，想要在按下 npm start 后打开 Chrome。请在您项目中的 package.json 中以以下方式设置 BROWSER 变量：
替换为：
"start": "react-scripts start"
随着:
"start": "BROWSER='google-chrome-stable' react-scripts start"
"start": "BROWSER='chrome' react-scripts start"
"start": "BROWSER='google chrome' react-scripts start"
chrome 可执行文件的完整路径。 - n0noob"start": "BROWSER='google chrome' BROWSER_ARGS='--remote-debugging-port=9222' react-scripts start" - zirkelc"react": "^17.0.1", "react-scripts": "4.0.1"。是否有适用于18.0.0的解决方法？ - brunshte.env文件的方法。BROWSER="firefox developer edition"
BROWSER="firefox"仍会打开Firefox Developer Edition，所以我想我没问题了。 - gkri.env.local 文件中（该文件被Git忽略）。 - Rahel LüthyBROWSER=firefox developer edition 对我有效，尽管之前是 BROWSER=Firefox Developer Edition。最好两个都试一下。没有引号也没有完整路径是不起作用的。 - Romain Champourlier使用上述技术时，您可能会遇到错误
'BROWSER'不被识别为内部或外部命令、可操作的程序或批处理文件。
要解决此问题，在您克隆的存储库中执行npm安装cross-env：
npm install --save cross-env
尝试在package.json文件中使用以下命令：
"start": "cross-env BROWSER=chrome react-scripts start"
BROWSER是一个环境变量，您可以使用cross-env包来正确处理它。
Ubuntu 20.04，以下内容在我的 package.json 文件中可行："start": "BROWSER=chromium node scripts/start.js", - Edgar Manukyan只需全局添加env-cmd软件包
然后创建一个.env文件，并写入具有特定浏览器路径的变量，之后将env-cmd添加到启动脚本中
在终端中操作
npm install -g env-cmd
在 .env 文件中
BROWSER= "your browser path"
将 "like" 翻译成 BROWSER= "C:\ProgramData\Microsoft\Windows\Start Menu\Programs\Microsoft Edge"
在 package.json 中添加 env-cmd
"scripts": {
"start": "env-cmd react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
}
那应该可以工作！
我不喜欢反复创建新的.env文件或每次都要用额外的命令在npm start前添加。您可以在shell配置文件中指定您选择的浏览器而不是none。在终端中输入以下命令：
echo export BROWSER=none >> ~/.bashrc
source ~/.bashrc
此时你可以运行npm start命令并愉快地使用了。
set BROWSER=chrome
然后像平常一样运行 npm start。npm start或yarn start命令时更改默认浏览器，最简单的方法是编辑你的package.json文件。
许多人不习惯使用终端来处理环境变量。以下是你的scripts部分应该看起来像的内容："scripts": {
"start": "BROWSER=none react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
BROWSER=none替换为以下任何一个：
BROWSER=firefoxBROWSER=google-chrome-stableBROWSER=vivaldi随你便。
http://localhost:<PORT_NUMBER>
即可访问。 - Debojyoti Chatterjee如果更改默认浏览器设置无效，则在Windows中打开Visual Studio Code，并将脚本浏览器更改为:
"start": "BROWSER=chrome react-scripts start"
BROWSER=brave-browser npm start。
spawn命令打开 Google Chrome 并输入你的 URL？ - NoobTWopn-clihttps://github.com/sindresorhus/opn-cli，以opn http://localhost:3000 -- 'google chrome'的方式打开网页。 - NoobTW