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

当前回答

ng serve --open

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

ng serve --port

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

其他回答

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

ng serve --port 4210

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

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

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

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

ng serve --port 4201 --live-reload-port 4200

并使用localhost:4201访问

这应该是一个临时的解决方案。

尝试使用列出端口使用情况 lsof我:4200 并手动杀死它使用 sudo kill -9 <进程PID using port 4200>

唯一对我有用的是重启我的系统/设备…

使用Webstorm IDE由JetBrains。

如果你正在使用VSCode，你可以选择杀死终端并添加一个新终端。关闭选项卡并打开一个新选项卡。这对我很管用。

编辑: 使用ctrl+c并按y。在没有终止终端的情况下，您可以继续。如果你想打开一个visual studio的新实例并运行一个不同的应用程序，你可以使用ng serve——port 4401。

推荐文章