create-react-app创建React项目执行npm start时找不到对应主机开放端口报错

这个报错的触发逻辑是create-react-app启动时，会优先读取系统全局的HOST环境变量作为服务绑定的主机地址。当前你的全局HOST值被意外设置为了conda编译用的目标平台标识 x86_64-conda_cos6-linux-gnu，这个值不是合法的可绑定主机地址，因此程序无法找到可用端口完成服务启动。

• 临时快速验证（仅对当前终端窗口生效）
  在当前执行npm start的终端窗口，根据你使用的shell类型执行清除HOST变量的命令：
  • Bash/Zsh环境：运行unset HOST
  • Fish环境：运行set -e HOST
    执行完成后直接重新运行npm start，即可正常启动项目。该操作仅对当前打开的终端窗口有效，关闭窗口后全局错误设置会恢复。
• 彻底清除全局错误配置
  这个异常的HOST值基本是配置conda环境或者自定义shell启动逻辑时，不小心把conda的目标平台三元组导出成了全局环境变量。挨个打开以下shell配置文件搜索定位：
  • ~/.bashrc
  • ~/.bash_profile
  • ~/.zshrc
  • ~/.profile
    找到类似export HOST=x86_64-conda_cos6-linux-gnu的配置行，直接删除该行并保存文件，后续新开的终端就不会加载这个错误的HOST值。
• 项目维度固定配置绕开全局变量影响
  如果不想修改全局shell配置，可以直接在项目根目录创建.env配置文件，手动覆盖绑定地址：

  HOST=localhost
  PORT=3000
  

  保存文件后重新启动项目，create-react-app会优先读取项目内的环境变量配置，不再受全局错误HOST值的干扰。

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