一、npm run dev 出现 ‘vue-cli-service’ 不是内部或外部命令,也不是可运行的程序

问题:

'vue-cli-service' 不是内部或外部命令,也不是可运行的程序
或批处理文件。
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! vue-element-admin@4.2.1 dev: `vue-cli-service serve`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the vue-element-admin@4.2.1 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     D:\Node\node_cache\_logs\2020-08-17T01_42_07_249Z-debug.log

解决办法:

1、编译总是显示 vue-cli-service 不是内部命令,按照网上教程 删掉 node_modules 然后重新npm install,还是无济于事,依然出现以上错误;
在这里插入图片描述
2、那么我们该如何做呢,首先我们一起进行分析问题:vue-cli-service不是内部命令,说明要么 在node.js中没有安装vue-cli脚手架,要么该项目环境配置有问题,没有加载调用到此脚手架;

3、发现完问题我们开始解决问题

  1. 首先我们进入node.js的配置环境查看vue-cli是否安装成功,我的配置路径D:\Node\node_global\node_modules@vue\cli,发现我的脚手架已经安装成功,若是不放心,可自己在安装一遍脚手架npm install -g @vue/cli,可以排除vue-cli没有安装的问题,因此我们可以发现问题在于我们的配置文件,没有加载或调用到脚手架。
    在这里插入图片描述

2) 对于像我这样的小白,若是配置有误,却看不太懂配置,直接拿编译正确的配置文件放入进行安装比较简单,然后一步一步安装插件,基本可以解决问题了。

最近项目正确配置文件:
在这里插入图片描述
放入配置文件后操作过程:

1、npm install

在这里插入图片描述
2、发现少了很多插件,然后一步步安装插件:

在这里插入图片描述
3、最后项目成功运行:

在这里插入图片描述环境:vue3.0
项目:laravel6.* + vue3.0 => erp系统

小白误打误撞,对遇到问题进行记录,欢迎大伙们批评指正。

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐