> mas-creator-admin@0.1.0 build > vue-cli-service build 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。

Question

找的毕设想重新build一下前端一直报这个错，检查了node和npm的版本：
PS D:\senior\admin> node -v
v22.19.0
PS D:\senior\admin> npm -v
10.9.3
也配置了环境变量，package.json里也有vue-cli-service build。实在没办法了😭网上找的基本都弄过来没用，求支招

Answer 1

下午好🌅🌅🌅
本答案参考通义千问

你遇到的问题是：

'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件。

这个错误通常是因为 vue-cli-service 没有被正确安装或者没有被识别为全局命令。

---

✅ 问题分析

1. vue-cli-service 是 Vue CLI 提供的一个工具，用于构建项目。
2. 如果你使用的是 Vue CLI 创建的项目（如通过 vue create 或 vue init），那么它应该已经包含了 vue-cli-service。
3. 但如果你是通过其他方式创建的项目（比如从 GitHub 克隆），可能缺少了必要的依赖。

---

🔧 解决方案

1. 确保 vue-cli-service 已安装

✅ 步骤一：检查是否已安装

在项目根目录下运行以下命令：

npm list vue-cli-service

如果看到类似下面的输出，说明已经安装：

├─ vue-cli-service@5.0.8

如果没有安装，继续下一步。

✅ 步骤二：安装 vue-cli-service

在项目根目录下运行：

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

注意： 如果你使用的是 Vue 3 + Vite 项目，请不要使用 vue-cli-service，而是使用 vite 命令。请确认你的项目类型。

---

2. 确保 vue-cli-service 在 package.json 中

检查 package.json 文件中是否有如下内容：

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

如果没有，请手动添加：

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

---

3. 检查 Node.js 和 npm 是否正常

虽然你已经检查过版本号，但建议再验证一下：

node -v
npm -v

确保它们是最新稳定版，尤其是 npm 的版本与项目兼容性。

---

4. 使用 npx 执行命令（不推荐长期使用）

你可以尝试直接使用 npx 来执行命令：

npx vue-cli-service build

这会临时调用项目中的 vue-cli-service，而不需要全局安装。

---

5. 清理 node_modules 并重新安装

有时候旧的依赖可能导致问题，可以尝试清理并重新安装：

rm -rf node_modules
npm install

注意： 在 Windows 上，可以用资源管理器删除 node_modules 文件夹，然后重新运行 npm install。

---

6. 安装全局 vue-cli（如果需要）

如果你希望使用 vue 命令来创建项目，可以安装全局的 Vue CLI：

npm install -g @vue/cli

但请注意，这不是必须的，除非你要创建新项目。

---

🛠️ 最终解决方案总结（有序列表）

1. 确保 vue-cli-service 已安装

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

2. 检查 package.json 中是否包含 vue-cli-service build 脚本
   添加如下内容：

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

3. 清理并重新安装依赖

   rm -rf node_modules
   npm install
   

4. 使用 npx 运行命令（临时解决）

   npx vue-cli-service build
   

5. 确认 Node.js 和 npm 版本是否兼容
   推荐使用 Node.js 16+、npm 8+。

---

📝 附：修改后的 package.json 示例

{
  "name": "mas-creator-admin",
  "version": "0.1.0",
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "vue": "^3.2.0"
  },
  "devDependencies": {
    "vue-cli-service": "^5.0.8"
  }
}

---

如果你仍然无法解决问题，欢迎提供更多信息，例如：

• 你是如何创建项目的？（vue create / vite / 其他）
• 项目结构是怎样的？
• 是否还有其他报错信息？

我可以进一步帮你定位问题！