解决Angular启动项目时,端口被占用问题
在启动Angular项目时,Angular默认的端口是:4200,但是有时会因为端口占用,启动失败。
提示:Port 4200 is already in use. Use ‘–port’ to specify a different port.
解决方法一:kill端口占用的服务:
找到占用4200端口的服务,将进程kill掉就可以了。
win系统:
- 在“开始”中,在搜索框中输入“cmd”回车;
- 在命令行输入“netstat -ano”回车;
- 找到4200的端口对应的PID;
- 打开“任务管理器”找到PID;
- 选中,点击“结束进程”就可以了
Mac/Linux系统
- 启动终端(terminal);
- 执行命令:
lsof -i :4200
- 然后可以看到端口占用的服务
wujiayudeMacBook-Pro:~ wjy$ lsof -i :4200
COMMAND PID USER FD TYPE DEVICE SIZE/OFF NODE NAME
node 3661 wjy 28u IPv4 0x29540272a60ffb93 0t0 TCP localhost:4200 (LISTEN)
- kill服务
在第三步看到,是node占用了4200的端口,所以根据它的PID,将其kill掉就可以了;
执行命令:
wujiayudeMacBook-Pro:~ wjy$ kill 3661
解决方法二:更换端口启动
修改项目中package.json文件:
"scripts": {
"ng": "ng",
"start": "ng serve --port 8090",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
在start命令中,增加 --port 8090
;port后面是新的端口号;
然后在执行
npm run start
此时,在浏览器中,打开
http://localhost:8090/
就可以了