重启电脑后React项目localhost:3000无法访问,npm start报错如何解决
React开发服务器重启后无法启动排查方案
- 确认终端工作路径正确
首先检查VS Code终端当前路径是否是React项目的根目录(即包含package.json文件的文件夹),如果路径错误,执行cd 你的项目根目录完整路径切换到对应目录后,重新执行npm start尝试启动。 - 排查3000端口占用
如果报错提示包含「端口3000已被占用」相关内容,可选两种解决方案:- 执行
npm start后出现是否切换端口的提示时,按y确认,开发服务器会自动使用3001等可用端口启动 - 执行
npx kill-port 3000命令强制释放3000端口,执行完成后重新执行npm start启动项目
- 执行
- 修复损坏的项目依赖
如果报错提示缺失模块、找不到依赖包,按以下步骤重新安装依赖:- 终止当前终端运行的进程,删除项目根目录下的
node_modules文件夹、package-lock.json文件(使用yarn的项目删除yarn.lock文件) - 在终端执行
npm install命令重新安装所有项目依赖 - 依赖安装完成后执行
npm start启动项目
- 终止当前终端运行的进程,删除项目根目录下的
- 核对Node.js版本兼容性
如果报错包含版本不兼容相关提示,执行node -v查看当前Node.js版本,若使用了nvm等版本管理工具,切换到创建项目时使用的Node.js版本后重新启动即可。
内容的提问来源于stack exchange,提问作者HTF Games Studio
相关产品推荐
相关产品推荐

