执行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”，它仍然给出相同的端口使用错误。

当前回答

似乎另一个程序正在使用您的默认端口4200。好消息是，4200以上的端口通常是免费的。再选一个吧。例如:

ng serve --port 4210

其他回答

关闭命令提示符(cmd)，然后使用文本编辑器终端或仅使用cmd来运行命令。

对我来说，这就是问题所在，以及我是如何解决它的。

大多数时候你是使用命令提示符创建angular应用的。然后你试着在文本编辑器中运行应用终端。当你试图保存时，你可以看到一些东西在Windows命令提示符上运行。因此，只需关闭它，并在文本编辑器的终端中运行命令。

ng serve --open

分配一个本地主机来承载项目。在同一个目录下运行相同的命令时，系统会在端口已经被使用的地方分配localhost:port。要覆盖这个问题，可以很容易地运行以下命令:

ng serve --port

这将为项目分配一个新的端口，而不会干扰当前的本地主机端口。

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

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

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

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

只要重新启动您正在使用的IDE，它就可以工作了。

当您使用Ctrl+Z时，您将挂起正在运行的任务，而不是终止它。后续可以使用fg命令恢复任务。如果你想退出ng serve，你应该使用Ctrl+C来代替，这也会释放4200端口。

推荐文章