当前位置: 首页 > news >正文

无法将“vue-cli-service”项识别为 cmdlet、函数、脚本文件或不是内部命令的原因和解决方案

经常有小伙伴问我说,为什么我们在开发vue项目的时候,需要在package.json的script对象中,去设置命令启动项目,而不是直接的通过"vue-cli-service serve"命令去把项目跑起来。

带着这些疑问,小生在此总结了以下这个问题,希望对读者有用,从也希望可以给读者带来些启发。

一,vue-cli项目种,为什么不能直接运行vue-cli-service命令?

二,vue-cli项目种,为什么不能直接运行vue-cli-service serve命令,要通过npm run去运行 ?

三,为什么直接运行vue-cli-service serve会有路径问题,而用npm run就不会有路径问题?

四,vue-cli项目输入命令vue-cli-service serve提示不是内部命令的原因 以及如何解决?

一,vue-cli项目种,为什么不能直接运行vue-cli-service命令?

在一个新建的vue-cli项目中,如果直接运行vue-cli-service命令是无法正常运行的,因为vue-cli-service是一个工具,需要配合具体的指令才能运行。例如,想要启动项目,需要运行vue-cli-service serve命令;想要打包项目,需要运行vue-cli-service build命令。因此,我们需要在vue-cli-service命令后加上具体的指令才能正常运行。

二,vue-cli项目种,为什么不能直接运行vue-cli-service serve命令,要通过npm run去运行 ?

在一个新建的vue-cli项目中,我们可以使用vue-cli-service serve命令来启动项目,但是我们通常不会直接运行这个命令,而是在package.json文件中配置一个npm script来运行vue-cli-service serve。这是因为,如果我们直接运行vue-cli-service serve,可能会出现一些问题,例如:

  1. 在不同的操作系统上,命令的路径可能不同,可能导致命令无法识别。

  1. 在不同的开发环境中,可能需要不同的参数,例如指定端口号等。

  1. 我们通常需要在启动项目之前进行一些准备工作,例如编译代码、启动mock服务等,这些工作可以通过npm script来实现。因此,我们通常会在package.json文件中配置一个npm script来启动项目,例如:

{"scripts":{"serve":"vue-cli-service serve"}
}

然后,在命令行中运行npm run serve即可启动项目。这样做的好处是,可以方便地管理项目的依赖、配置和运行环境,并且可以在不同的开发环境中进行兼容性测试。

三,为什么直接运行vue-cli-service serve会有路径问题,而用npm run就不会有路径问题?

直接运行vue-cli-service serve命令可能会有路径问题,是因为命令行中的路径不一定和vue-cli-service命令所在的路径一致。例如,如果我们在命令行中执行vue-cli-service serve,而此时的路径并不是vue-cli项目的根目录,则会出现路径问题。而在项目的根目录中,我们可以使用相对路径来引用vue-cli-service命令,避免了路径问题。而使用npm run命令来启动vue-cli-service serve则不会有路径问题,是因为npm run会在项目的根目录中执行命令,这样就可以使用相对路径来引用vue-cli-service命令,避免了路径问题。同时,在npm run命令中,我们还可以通过--prefix参数来指定命令执行的路径,从而避免了路径问题。因此,使用npm run命令来启动vue-cli-service serve是更加稳妥的做法。

四,vue-cli项目输入命令vue-cli-service serve提示不是内部命令的原因 以及如何解决?

如果在vue-cli项目中输入命令vue-cli-service serve时提示不是内部命令,可能有以下几个原因:

  1. vue-cli-service没有安装:如果没有全局安装@vue/cli或者在项目中安装@vue/cli-service依赖,就会导致vue-cli-service命令无法识别。可以通过全局安装或者在项目中安装@vue/cli-service依赖来解决问题。

  1. 环境变量未配置:如果vue-cli-service已经安装,但是输入命令时提示不是内部命令,可能是因为环境变量未配置。可以通过将node_modules/.bin目录添加到环境变量中,或者使用npx vue-cli-service serve命令来启动项目(注意:这是要在项目的根目录下启动才可以)

  1. 命令行窗口没有打开项目目录:如果在命令行窗口没有打开vue-cli项目目录,那么输入vue-cli-service serve命令时会提示不是内部命令。可以通过在命令行窗口中进入项目目录后再输入vue-cli-service serve命令来解决问题。

http://www.lryc.cn/news/36018.html

相关文章:

  • 逆流程 场景下 处理状态机变化的方案
  • 【剧前爆米花--爪哇岛寻宝】Java实现无头单向非循环链表和无头双向链表与相关题目
  • 学习MvvmLight工具
  • 基于BiLSTM+CRF医学病例命名实体识别项目
  • 05 C语言数据类型
  • C++11:右值引用和移动语义
  • tcpdump网络抓包工具
  • MaxCompute SQL中的所有保留字与关键字如下
  • Kafka 压缩算法
  • 关于React Hook(18)
  • 计算机网络:BGP协议
  • 91. 解码方法 ——【Leetcode每日刷题】
  • 人体存在传感器成品方案,精准感知静止存在,实时智能化感控技术
  • mysql连接池的实现
  • 哪种类型蓝牙耳机佩戴最舒服?舒适度最好的蓝牙耳机推荐
  • 2020蓝桥杯真题洁净数 C语言/C++
  • 【随笔二】useReducer详解及其应用场景
  • 打怪升级之istringstream介绍
  • 系统重装漏洞
  • C++面向对象编程之五:友元(friend)
  • [手写OS]动手实现一个OS 之X86实模式下的汇编开发
  • 【Linux内核二】常用的网络丢包错包debug工具介绍
  • qt控件增加渐变色效果
  • 【node : 无法将“node”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。 最全面有效的解决方案】
  • 打怪升级之字符串的分界符与字符串替换
  • 载荷台子使用方式
  • 1005 继续(3n + 1)猜想
  • VMware15配置NAT模式联通网络
  • doPost的实际使用
  • 2017年MathorCup数学建模A题流程工业的智能制造解题全过程文档及程序