为什么 vscode 在 Edge 而不是 chrome 中打开 React 应用程序？

Question

我刚刚开始了一个使用react-create-app 模板打字稿的项目。

当我 npm run dev这样做时，它会打开边缘浏览器，我期待的是 chrome。

知道如何在 Chrome 中打开它吗？

Answer 1

来自创建 React App 文档

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

简单的答案是更改您的默认浏览器。但是，如果您想保留默认浏览器，则Edge可以这样做。

BROWSER=chrome npm start
BROWSER=chrome npm run dev

请考虑浏览器名称不同。例如，Chrome 在 macOS 上是 google chrome，在 Linux 上是 google-chrome，在 Windows 上是 chrome。

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