Vue项目启动报错Missing script: "serve"，该如何解决？

这个错误的核心原因是项目package.json文件的scripts字段里没有定义serve命令，或是你用了错误的启动指令。按以下步骤排查解决：

1. 确认项目的正确启动脚本 #

先查看package.json里的脚本配置，找到正确的启动命令：

• Windows系统执行：

  type package.json
  

• macOS/Linux系统执行：

  cat package.json
  

找到scripts区块，不同创建工具的项目脚本不同：

• Vue CLI创建的项目通常是：

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

• Vite创建的Vue项目则是：

  "scripts": {
    "dev": "vite",
    "build": "vite build"
  }
  

如果是Vite项目，直接用npm run dev启动即可，无需用serve命令。

2. 修复Vue CLI项目的serve脚本缺失 #

如果你的项目是Vue CLI创建但serve脚本丢失：

1. 安装Vue CLI服务依赖：

   npm install @vue/cli-service --save-dev
   

2. 重新查看package.json的scripts，确认serve命令已恢复。

3. 其他排查要点 #

• 确保在项目根目录执行命令，不要进入子文件夹操作。
• 检查npm install执行过程中有没有报错，依赖安装失败可能导致脚本相关依赖缺失。
• 你之前执行的npm git是无效命令，这个操作没有实际作用，无需再尝试。

内容的提问来源于stack exchange，提问作者Benzeparis