React项目重启电脑后仅后端运行，前端localhost:3000无法启动求助

1. 检查项目启动脚本配置 #

查看项目根目录的package.json中scripts字段的start命令，确认是否配置了同时启动前后端的逻辑（比如使用concurrently工具）。如果当前start仅指向后端服务启动命令（比如node server.js），那前端不会自动启动，需要单独进入前端子目录执行npm start。

示例：正常的同时启动配置应该类似：

"scripts": {
  "start": "concurrently \"npm run server\" \"npm run client\"",
  "server": "node server.js",
  "client": "cd client && npm start"
}

2. 单独启动前端排查 #

进入前端项目目录（通常是client或frontend文件夹），执行npm start，观察终端输出是否有隐藏报错。有时同时启动前后端时，前端的错误日志会被后端日志覆盖，单独启动能暴露问题。

3. 检查端口占用情况 #

确认localhost:3000是否被其他进程占用：

• Windows系统：执行命令 netstat -ano | findstr :3000，找到占用端口的PID后，打开任务管理器结束对应进程。
• Mac/Linux系统：执行命令 lsof -i :3000，用kill -9 <PID>杀掉占用进程。
  如果不想杀进程，可以修改前端项目的启动端口，比如在前端的.env文件中添加PORT=3001，重启前端服务。

4. 重置前端依赖 #

删除前端目录下的node_modules文件夹和package-lock.json（或yarn.lock）文件，然后执行npm install重新安装依赖。重启后可能存在依赖缓存损坏的情况，重置依赖能解决这类问题。

5. 确认环境变量配置 #

检查前端项目的.env文件，确认PORT变量是否被设置为非3000的值，或者是否存在其他覆盖端口配置的环境变量。

6. 检查前端启动命令配置 #

查看前端目录下package.json的scripts.start命令，确认是否为标准的React启动命令react-scripts start，如果被修改或缺失，可能导致无法正常启动。

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