Vue.js 开发服务器在使用 yarn serve 时增加了端口？

Question

在构建我的 Vue 开发服务器 (yarn serve) 时，每次我运行每次我 [=21] 我的项目正在服务的端口递增 1（3000 到 3001） =] yarn serve 我也在确保退出之前的过程...

发生这种情况是否有任何已知原因？我曾尝试搜索此内容，但没有看到与此类似的内容。

我的 package.json 脚本块：

  "scripts": {
    "serve": "vue-cli-service serve --port 3000",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  }

Answer 1

这可能是因为您在端口 3000 上仍有运行服务，这就是它自行递增的原因。尝试使用

sudo lsof -i -P -n | grep 3000

或

sudo netstat -nlp | grep :80

然后，您可以使用特定的 CLI 命令或基本的 kill 11528（kill + 进程的 PID）终止它。如果进程不想关闭，您也可以将 SIGKILL 与 kill - 9 PID 一起使用。

PS：另外，你应该在启动服务器时注意到它。

Vue.js dev server is incrementing the port when using yarn serve?