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

一、项目背景:

提示:这里简述报错问题背景:

Vue项目在项目的目录下执行npm run serve或npm run dev时报错


二、报错问题描述

提示:这里描述项目中遇到的问题:

在项目的目录下执行npm run serve或npm run dev
在这里插入图片描述
报错:‘vue-cli-service’ 不是内部或外部命令,也不是可运行的程序或批处理文件
在这里插入图片描述


三、原因分析:

提示:这里填写问题的分析:

在项目的目录下的node_modules \ .bin 里面没有vue-cli-service文件,或者甚至都没有node_modules文件夹,这种情况下执行npm run serve或npm run dev就会报错!

在这里插入图片描述

在这里插入图片描述


四、解决方案:

提示:这里填写该问题的具体解决方案:

node_modules依赖包包含当前项目所有依赖,创建项目时自动安装,一般不可以移植给其他电脑环境。
再拷贝到其他计算机时,node_modules依赖包丢失或项目路径发生变化导致找不到vue-cli-service,于是报错
所以重新创建node_modules依赖包即可

方案:

  1. 存在node_modules依赖包时,删除node_modules文件夹
  2. npm install 执行该命令重新生成node_modules依赖包
  3. 执行npm run serve或npm run dev即可
  • 7
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
当你在运行`npm run dev`命令报错`'vue-cli-service' 不是内部外部命令,也不是可运行程序批处理文件`通常是因为缺少全局安装的Vue CLI或者项目依赖的`vue-cli-service`模块。 解决这个问题的步骤如下: 1. 首先,确保你已经全局安装了Vue CLI。你可以使用以下命令来进行全局安装: ``` npm install -g @vue/cli ``` 2. 如果已经安装了Vue CLI,那么可能是项目依赖的`vue-cli-service`模块没有安装。你可以尝试在项目根目录下执行以下命令来安装依赖: ``` npm install ``` 或者如果你使用的是Yarn包管理器,可以执行以下命令: ``` yarn install ``` 3. 如果以上步骤都没有解决问题,那么可能是由于环境变量配置不正确导致的。你可以尝试重新配置环境变量,将Vue CLI的安装路径添加到系统的PATH变量中。 如果你使用的是Windows系统,可以按照以下步骤进行配置: - 打开控制面板,点击"系统和安全",然后点击"系统"。 - 点击"高级系统设置",然后点击"环境变量"。 - 在"系统变量"下找到名为"Path"的变量,双击打开。 - 点击"新建",然后输入Vue CLI的安装路径(通常是`C:\Users\你的用户名\AppData\Roaming\npm`)。 - 点击"确定"保存配置。 如果你使用的是Mac或Linux系统,可以编辑`~/.bash_profile`或`~/.bashrc`文件,在其中添加以下行: ``` export PATH="$PATH:/usr/local/bin" ``` 然后保存文件执行以下命令使配置生效: ``` source ~/.bash_profile ``` 或者 ``` source ~/.bashrc ``` 如果以上步骤都没有解决问题,请提供更多的错误信息和上下文,以便我能够更好地帮助你解决问题。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值