处置惩罚解决运行前端脚手架工程报错: ‘vue-cli-service‘ 不是内部或外 ...

打印 上一主题 下一主题

主题 1045|帖子 1045|积分 3135

目次
一、场景介绍
二、处置惩罚方式
? ? ? ? 1、?假如?package.json 配置没有?vue-cli-server 那么就安装它即可,注意安装完毕需重启编辑器启动项目,避免依靠添加不收效问题
? ? ? ? 2、假如 package.json 配置有?vue-cli-server 或者安装了还是没好,可以看看 node_modules 工程模块是否存在,假如没有请安装。
???3、 假如上面两个条件都存在,却还是不行,那就是网络不稳定导致运行下载时包缺失,可以清掉?node_modules 后再次安装,我有4种方式,可以根据需求来
三,总结:以上任意步调处置惩罚完,都最好重启编辑器后,重新启动项目

一、场景介绍

信赖大家开发或者维护中,一定有运行过Vue脚手架工程吧,那么在运行时报错’vue-cli-service’ 不是内部或外部命令,这个问题肯定也会常常遇到,我也是在多次运行时遇到过,以是在此分享下我的处置惩罚经验。

二、处置惩罚方式

遇到该情况的原因有三个,第一个就是要在我们工程的 package.json 配置文件中查看是否有 vue-cli-server,假如没有则需安装,第二个是因为缺少 node_modules 模块,第三就是网络不稳定导致运行下载时包缺失。

1、假如package.json 配置没有vue-cli-server 那么就安装它即可,注意安装完毕需重启编辑器启动项目,避免依靠添加不收效问题

  1. npm i -D @vue/cli-service
复制代码
2、假如 package.json 配置有vue-cli-server 或者安装了还是没好,可以看看 node_modules 工程模块是否存在,假如没有请安装。

一样平常负责前端工程的弟兄在给你项目的时候,会考虑到工程存储较大,为了方便传输会优化删掉 node_modules 模块然后发布到云端,这就像后端传输工程把 target 清掉是一个道理,以是没有的话是需要添加的。
  1. 执行命令: npm install
复制代码

3、 假如上面两个条件都存在,却还是不行,那就是网络不稳定导致运行下载时包缺失,可以清掉node_modules 后再次安装,我有4种方式,可以根据需求来

(1)在打开cmd进入项目目次实验rd /s /q node_modules

  1. rd /s /q node_modules
复制代码
(2)PowerShell 或 git bash 进入控制台命令rm -rf ./node_modules
Linux通用
  1. rm -rf ./node_modules
复制代码
(3) 用npm的rimraf工具来删,工具很小,删的很快,Linux通用
  1. #添加 rimraf 工具
  2. npm install rimraf -g
  3. #命令删除
  4. rimraf node_modules
复制代码
(4)扫描删除目次中所有能找到的 node_modules 文件夹,附带Linux
注意!这个步调会删除所著名字为 node_modules 的文件夹,而且不可逆,慎用,假如用了,以后在开电脑上的脚手架工程都要重新下载node_modules
  1. #Windows:
  2. FOR /d /r . %d in (node_modules) DO @IF EXIST "%d" rm -rf "%d"
  3. #linux
  4. find . -name "node_modules" -type d -prune -exec rm -rf '{}' +
复制代码
三,总结:以上任意步调处置惩罚完,都最好重启编辑器后,重新启动项目



免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

麻花痒

论坛元老
这个人很懒什么都没写!
快速回复 返回顶部 返回列表