执行ng serve命令时提示“Port 4200 is already in use”

我正在学习angular 2，这是我第一次使用angular CLI项目创建一个沙盒项目。

我能够运行命令“ng serve”，它工作得很好。我想让它停止运行，所以我运行了“控制Z”。

当我再次尝试运行“ng-serve”命令时，它提示我“端口4200已被使用”。

我运行“PS”来获得PID列表，并杀死了angular-cli的PID，然后再次运行“ng-serve”，它仍然给出相同的端口使用错误。

当前回答

在Mac OS X上，您需要执行以下命令:

Sudo lsof -t -i tcp:4200 | xargs kill -9

记住，你需要用Command+C关闭Angular的web服务器。

其他回答

可以在.angular-cli文件中更改端口。例如:

"defaults": {
    "styleExt": "css",
    "component": {},
    "serve": {
      "port": 4205
    }
  }

另外，有必要在package.json中添加以下内容:

"ng": "ng",
"start": "ng serve"

以管理员身份打开cmd.exe，

然后找到4200端口的PID

netstat -ano | findstr :4200

这里我有3个PID:

红色的来自“ng-serve”(127.0.0.1:4200) 绿色的来自"your browser"

只杀死4200端口(杀死红色PID):

taskkill /PID 15940 /F

注意:杀死绿色只会导致你的浏览器被强制关闭。

现在你可以使用ng-serve在4200端口上启动angular应用

附加内容:

一行:在寻找优化的方法之后，下面是这个答案的一行命令:(特别感谢:Josep Alsina提供的提示)

for /f "tokens=5" %a in ('netstat -ano ^| find "4200" ^| find "LISTENING"') do taskkill /f /pid %a

如果你已经安装了npm，如果你正在使用angular，我假设你已经安装了，那么你可以简单地运行npx kill-port 4200。就是这样。

作为任何更改后的第一步，我使用ng build，然后使用ng serve。它工作起来没有任何问题。

它说我们已经在运行端口为4200的服务，请使用另一个端口而不是4200。下面的命令就是解决问题

Ng serve——端口4300

推荐文章