目录

一、场景介绍

二、处理方式

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 那么就安装它即可,注意安装完毕需重启编辑器启动项目,避免依赖添加不生效问题

npm i -D @vue/cli-service

2、如果 package.json 配置有vue-cli-server 或者安装了还是没好,可以看看 node_modules 工程模块是否存在,如果没有请安装。

一般负责前端工程的弟兄在给你项目的时候,会考虑到工程存储较大,为了方便传输会优化删掉 node_modules 模块然后发布到云端,这就像后端传输工程把 target 清掉是一个道理,所以没有的话是需要添加的。

执行命令: npm install

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

(1)在打开cmd进入项目目录执行rd /s /q node_modules

rd /s /q node_modules

(2)PowerShell 或 git bash 进入控制台命令rm -rf ./node_modules ,Linux通用

rm -rf ./node_modules

(3) 用npm的rimraf工具来删,工具很小,删的很快,Linux通用

#添加 rimraf 工具npm install rimraf -g#命令删除rimraf node_modules

(4)扫描删除目录中所有能找到的 node_modules 文件夹,附带Linux

注意!这个步骤会删除所有名字为 node_modules 的文件夹,而且不可逆,慎用,如果用了,以后在开电脑上的脚手架工程都要重新下载node_modules

#Windows:FOR /d /r . %d in (node_modules) DO @IF EXIST "%d" rm -rf "%d"#linuxfind . -name "node_modules" -type d -prune -exec rm -rf '{}' +

三,总结:以上任意步骤处理完,都最好重启编辑器后,重新启动项目