解决vue报错”‘vue-cli-service’不是内部或外部命令,也不是…”

Ourboke
Ourboke
Ourboke
30797
文章
148
评论
2022年5月6日14:41:52

项目执行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)

VUE实现在第三方封装组件中自定义样式 网站建设

VUE实现在第三方封装组件中自定义样式

现在很多框架都封装了非常好用的组件,但是当需要改动样式的时候,就有些麻烦了 这里假定使用的是quasar的table组件,很强大。 但是找了一圈,我想把某一列标题的字体调大,但是没办法 ...
Vue3使用CountUp.js实现页面数字跳动 网站建设

Vue3使用CountUp.js实现页面数字跳动

昨天在做dashboard界面时,发现有些比较敏感的数字需要一些花里胡哨的特效才能显得高大上,这不得整个数字累加的效果上去? 最开始想着用js自己撸一个,但是发现其实要做精致一点还是挺麻烦的,不...