Windows10环境下如何配置Create React App（CRA）项目启动时打开微软Edge浏览器

我之前在Windows 10上维护CRA项目时也碰到过一模一样的情况——指定Chrome能正常唤起浏览器，但换成Edge就完全没反应，后来才搞清楚是Windows下Edge的标识符规则和Chrome不一样，下面是几个亲测有效的解决办法：

方法1：使用带引号的完整浏览器名称 #

现在主流的Edge Chromium正式名称是**"Microsoft Edge"**，因为名称里包含空格，必须用引号包裹才能被cross-env正确传递参数。修改你的package.json脚本如下：

"start:react": "cross-env BROWSER=\"Microsoft Edge\" react-scripts start"

如果是直接在PowerShell/CMD里运行命令，也可以去掉转义引号，写成：

cross-env BROWSER="Microsoft Edge" react-scripts start

方法2：直接指定Edge可执行文件路径 #

如果方法1还是不生效，你可以直接指向Edge的exe文件路径，确保CRA能精准定位到启动程序。Edge Chromium的默认安装路径一般是：
C:\Program Files (x86)\Microsoft\Edge\Application\msedge.exe
把这个路径填入BROWSER变量即可，注意路径里的反斜杠要转义（或者用正斜杠替代更简洁）：

"start:react": "cross-env BROWSER=\"C:\\Program Files (x86)\\Microsoft\\Edge\\Application\\msedge.exe\" react-scripts start"

正斜杠写法（无需转义）：

"start:react": "cross-env BROWSER=\"C:/Program Files (x86)/Microsoft/Edge/Application/msedge.exe\" react-scripts start"

方法3：尝试使用Edge的系统协议标识符 #

你也可以试试Windows内置的Edge协议启动符microsoft-edge，这个方法偶尔也能快速解决问题：

"start:react": "cross-env BROWSER=microsoft-edge react-scripts start"

为什么Chrome能生效但Edge不行？ #

CRA内置支持识别chrome、firefox这类简短的浏览器标识符，但Edge经历过版本迭代（旧版Edge和新版Chromium Edge），简短的edge标识符并没有被CRA默认收录，所以必须用完整名称或可执行文件路径才能触发唤起。

内容的提问来源于stack exchange，提问作者moisesb12