【VUE】vue报错“‘vue-cli-service‘不是内部或外部命令，也不是...”的解决办法

问题描述

项目执行npm run serve后报错

产生原因

（最大概率原因）

由于在该代码中含有node_module依赖包，再拷贝到其他计算机时，项目路径发生变化，导致找不到vue-cli-service于是报错

（其他出错情况，见下文扩展）

因为该问题是出现在其他计算机上的，我本机上一直没有问题没有复现出bug，所以出错原因只是分析得出。而出现这个报错的情况也不止这一种，具体写在下文扩展中。

解决办法

1. 删除node_module文件夹
2. npm install
3. npm run serve
   即可解决。注意在项目拷贝或git时，要省略掉node_module

扩展内容

可能原因1（极大概率）

1. 没有node_module
2. 有node_module但没有vue-cli-serve文件
3. 依赖包损坏

解决方式

1. （没有node_module或不全）运行npm install之后，再运行npm run serve
2. （没有node_module或不全）解压earthquakeweb（含node_module版）后，执行解决方法1
3. （依赖包损坏）删除node_modules文件夹，执行npm install重新安装
4. （重新安装vue-cli-serve）（卸载）npm uninstall -g @vue/cli（安装）npm install -g @vue/cli（本条解决办法参考源：https://blog.csdn.net/shi851051279/article/details/84928798）

---

可能原因2（较大概率）全局相关配置问题

说明

报错内容相似，可以参考查看。但鉴于我处未能复现问题，也无法运行win相关的配置，所以无法保证该方法一定可以解决问题

方法

需要修改系统环境变量具体见blog
https://blog.csdn.net/qq_39077394/article/details/115512198

---

可能原因3（小概率）vue版本与需要的版本不同

说明

需要的版本在项目目录下package.json中配置（本项目vue2需为[email protected]以上版本，但是大版本不能变成[email protected]）（vue/cli为[email protected]的最新版本），如果不同则需要重新配置安装对应版本

输入：
vue -V
npm list vue
输出：

---

可能原因4（极小概率）vue.config.js产生影响

说明：

但实际上该文件里面无任何配置，保留或删除应无任何影响

方法：

直接删掉项目目录下的vue.config.js(earthquakeweb/vue.config.js)
或相应进行其他的配置修改以避免bug