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

问题描述

项目执行npm run serve后报错
【VUE】vue报错“‘vue-cli-service‘不是内部或外部命令,也不是...”的解决办法_第1张图片

产生原因

(最大概率原因)

由于在该代码中含有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
输出:
【VUE】vue报错“‘vue-cli-service‘不是内部或外部命令,也不是...”的解决办法_第2张图片


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

说明:

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

方法:

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

你可能感兴趣的:(Vue,vue)