如何停止使用npm run dev命令启动的本地运行应用

问题原因 #

ctrl+c未成功终止React应用对应的Node.js进程，进程仍在后台运行并占用3000端口，因此浏览器依然可以正常访问应用。

解决步骤 #

1. 终止占用3000端口的进程 #

根据你使用的操作系统选择对应命令执行即可：

• Windows系统
  首先打开CMD或PowerShell，执行命令查询占用3000端口的进程PID：
  netstat -ano | findstr :3000
  命令返回结果中最后一段数字就是进程PID，例如返回结果为TCP 0.0.0.0:3000 0.0.0.0:0 LISTENING 1452，则PID为1452。
  随后执行终止命令，替换下方示例中的PID为你查到的实际数值：
  taskkill /PID 1452 /F
  如果不需要保留其他Node.js进程，也可以直接执行taskkill /im node.exe /F一键终止所有Node进程，该操作会关闭所有正在运行的Node项目，谨慎使用
• Mac/Linux系统
  打开终端直接执行以下命令即可一键终止占用3000端口的进程：
  lsof -ti:3000 | xargs kill -9
  也可以分步骤操作：先执行lsof -i :3000查询对应PID，再执行kill -9 替换为实际PID终止进程。
• 跨系统通用方案
  无需区分操作系统，直接执行以下命令即可快速释放3000端口：
  npx kill-port 3000

2. 验证操作结果 #

执行完终止进程的命令后，在浏览器刷新localhost:3000页面，确认无法正常访问即代表进程已成功关闭。

后续规避方案 #

• 执行ctrl+c终止进程后，不要立刻关闭终端页面，等待1-2秒确认进程退出提示出现后再操作
• 检查package.json中的启动脚本，确认没有添加后台运行的相关配置参数
• 如果是WSL环境运行的项目，优先在WSL终端内执行终止进程的操作，不要使用Windows系统的CMD操作WSL内运行的进程。

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