运行react-blog-app时出现“port 8081 is not found”错误，求排查指导

1. 核对项目实际使用的端口 #

• 打开项目根目录的package.json，查看scripts字段里的start命令，确认是否指定了8081端口，比如是否是"start": "react-scripts start --port 8081"。React项目默认端口是3000，如果没指定端口，实际启动端口可能不是8081。
• 检查项目内的.env或.env.local文件，确认是否存在PORT=8081的配置项，没有的话添加该配置或者调整为项目实际使用的端口。

2. 配置GitPod端口暴露规则 #

• 查看项目根目录是否有.gitpod.yml文件，若没有则新建一个，添加对应端口的暴露配置：

  ports:
    - port: 8081
      onOpen: open-browser
  

  如果已有该文件，确认port值是否与项目实际使用的端口一致，不一致则修改。

3. 检查端口占用情况 #

• 在GitPod终端执行lsof -i :8081，查看8081端口是否被其他进程占用。如果有返回结果，记录进程ID，执行kill -9 <进程ID>杀掉占用进程，再重新启动项目。
• 若端口未被占用，启动项目后仔细查看终端输出的日志，找到类似Local: http://localhost:xxxx的内容，xxxx就是项目实际启动的端口，将GitPod的端口配置改为该值。

4. 重置运行环境 #

• 先通过Ctrl+C停止当前项目进程，重新执行启动命令（如npm start），观察端口输出信息。
• 若问题仍存在，点击GitPod工作区右上角的重启按钮，重置整个环境后再尝试启动项目。

5. 确认项目依赖与启动脚本 #

• 执行npm install确保所有依赖已正确安装，依赖缺失可能导致启动异常。
• 再次核对package.json中的start命令是否存在拼写错误，确保脚本能正常触发项目启动。

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