React项目npm start在Mac上忽略指定端口，默认打开3000端口求助

问题根源是环境变量设置的跨平台语法差异：
Windows CMD用set PORT=xxx设置环境变量，但Mac/Linux的bash/zsh不识别该命令，导致PORT参数未生效，项目默认使用3000端口启动。

解决方案 #

直接用cross-env统一处理所有环境变量设置（它本身就是为跨平台环境变量配置设计的），修改package.json里的start脚本为：

"start": "cross-env PORT=3050 CLIENT_ENV=development craco start"

修改后不管是Windows还是Mac，都能正确识别PORT配置，启动后会使用3050端口。

如果不想统一处理，也可以针对不同系统写单独的启动脚本：

• Windows专用：

  "start:win": "set PORT=3050 && cross-env CLIENT_ENV=development craco start"
  

• Mac/Linux专用：

  "start:mac": "PORT=3050 cross-env CLIENT_ENV=development craco start"
  

之后在对应系统运行npm run start:win或npm run start:mac即可。

验证方法：运行npm start后，查看终端启动日志确认端口为3050，或直接访问localhost:3050检查项目是否正常加载。

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