解决VsCode启动Vue项目报错:‘vue-cli-service‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。

本文分享了在网速不稳定情况下启动前端项目遇到的问题及解决方法。通过安装淘宝镜像、删除并重新下载node_modules目录中的包,最终解决了'vue-cli-service'命令不可用的问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

问题描述

最近居家办公,网速不太稳定,开会的时候网络也是断断续续的,今天需要拉下前端项目运行起来

在我执行npm i下载包的时候,我看到网络超时的错误警告就感觉不太秒。知道大概率要启动失败了
在这里插入图片描述
果不其然执行npm run serve的时候,报了以下错误:

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

在这里插入图片描述
遇到问题也不要慌,下面就分享下我的解决办法

解决问题

这个问题大概率是因为网络不稳定下载包失败造成的

1 安装淘宝镜像

如果没有安装淘宝镜像的话,可以先安装淘宝镜像,这样就可以提高速度,安装起来也很简单,只需要一行命令(前提是有node环境):

npm install -g cnpm --registry=https://registry.npm.taobao.org

如果不确定安装是否成功,可以执行以下命令确认

cnpm -v

2 删除node_modules目录

前端开发者应该都知道一个常识,那就是项目的包都存在node_modules目录里面,由于第一次下载网络原因,部分包下载失败,所以我们可以吧node_modules目录删除重新下载:
在这里插入图片描述
这样node_modules目录就没了
在这里插入图片描述

3 重新下载包

node_modules目录删除之后,就可以使用配置好的淘宝镜像重新下载项目所需要的包了,执行命令:

cnpm i

在这里插入图片描述
执行完命令之后,发现重新生成了node_modules目录
在这里插入图片描述

4 重新启动项目

完成这一系列工作之后,就可以重新启动了:

npm run serve
在这里插入图片描述
过了一会,启动完成
在这里插入图片描述
至此问题解决,可以正常使用命令启动项目

总结

以上就是我解决该问题的全部步骤,出现这种问题不要怕,一般都是因为网络不稳定导致下载包缺失,使用淘宝镜像或者等网络正常了之后重新下载即可。

本人是后端崽,如果有的地方描述的不太对,请见谅。

评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

水星国王

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值