问题描述
项目执行npm run serve后报错
产生原因
(最大概率原因)
由于在该代码中含有node_module依赖包,再拷贝到其他计算机时,项目路径发生变化,导致找不到vue-cli-service于是报错
(其他出错情况,见下文扩展)
因为该问题是出现在其他计算机上的,我本机上一直没有问题没有复现出bug,所以出错原因只是分析得出。而出现这个报错的情况也不止这一种,具体写在下文扩展中。
解决办法
- 删除node_module文件夹
npm install
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需为vue@2.6.11以上版本,但是大版本不能变成vue@3.0.0)(vue/cli为vue@4.5.0的最新版本),如果不同则需要重新配置安装对应版本
输入:
vue -V
npm list vue
输出:
可能原因4(极小概率)vue.config.js产生影响
说明:
但实际上该文件里面无任何配置,保留或删除应无任何影响
方法:
直接删掉项目目录下的vue.config.js(earthquakeweb/vue.config.js)
或相应进行其他的配置修改以避免bug