解决‘vue-cli-service‘不是内部或外部命令,也不是可运行的程序问题

‘vue-cli-service‘不是内部或外部命令,也不是可运行的程序

遇到

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

的错误时，通常意味着Vue CLI没有被正确安装或配置在项目中。

这可能是因为node_modules目录缺失了必要的包，或者局部安装的Vue CLI没有被正确设置到系统的PATH环境变量中。

下面是几个步骤来解决这个问题：

1.确保Vue CLI已安装

首先，确保你已经全局安装了Vue CLI。

可以通过下面的命令来安装：

npm install -g @vue/cli

2.检查项目依赖

确保你的项目package.json文件中包含了@vue/cli-service依赖。

如果没有，你需要安装它：

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

3.安装项目依赖

如果你已经有了@vue/cli-service在你的package.json文件中，可能是因为node_modules目录中缺失了包。

在项目目录中运行以下命令来安装所有依赖项：

npm install

这会安装所有列在package.json中的依赖，包括vue-cli-service。

4.清理并重新安装依赖

如果上述步骤不工作，尝试清理node_modules目录和package-lock.json文件（如果存在），然后重新安装依赖：

rm -rf node_modules
rm package-lock.json
npm install

在Windows上，你可以使用rmdir /s /q node_modules和del package-lock.json来代替rm命令。

5.确保使用的是npm脚本

确保你是通过npm脚本来调用vue-cli-service，如你所做的npm run serve或npm run build。

这些脚本应该在你的package.json文件的scripts部分定义，例如：

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

按照这些步骤，你应该能够解决关于vue-cli-service的问题。

如果问题仍然存在，请检查你的项目配置和环境设置，确保没有其他问题干扰到Vue CLI的正常工作。

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。