How to solve 'vue-cli-service' is not recognized as an internal or external command?

Question

I am getting an error when trying to run npm run serve. At first I installed node.js then vue as well as vue/cli. But when I am trying to run server as -> npm run serve at that time I'm getting error like 'vue-cli-service' is not recognized as an internal or external command.

I used below codes for installation:

npm install -g vue
npm install -g @vue/cli

can someone guide me what to do to solve this issue ?

@DanieleTesta: This was the only thing that worked for me. Maybe post as an answer? — Joshua Frank, May 17 '22 at 17:15

score 188 · Accepted Answer · answered Oct 27 '19 at 14:44

188

I think you are using cmd in windows.

Try deleting the node_modules folder and after that run npm i from the cmd.

Then try running npm run serve again and see if it works this time

answered Oct 27 '19 at 14:44

s4k1b

2,955
1
7
14

11

@Sakib without deleting node_modules, it worked for me. Thanks – Dcoder14 Oct 27 '19 at 15:33
Done all step and when cmd using npm run serve then get error 'vue-cli-service' is not recognized as an internal or external command, operable program or batch file. – Krishna Soni Mar 27 '20 at 16:33
2

'vue-cli-service' is not recognized as an internal or external command, operable program or batch file. npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! smb-inseego@0.1.0 serve: `vue-cli-service serve` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the smb-inseego@0.1.0 serve 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! C:\Users\CC\AppData\Roaming\npm-cache\_logs\2020-03-27T16_32_39_297Z-debug.log – Krishna Soni Mar 27 '20 at 16:36
2

Try to install `vue-cli-service` run `npm install -g @vue/cli` then run `npm run serve` – s4k1b Mar 28 '20 at 17:11
Worked for me too, in my case when I incorrectly switched between two branches (git) and left some changes, that problem occurred. – Ali Afsahnoudeh Jul 08 '20 at 00:00
worked for me because i did npm needed to reinstall because it was installed on another platform. – SpiRail Nov 25 '20 at 19:46
this was perfect for my issue, switching between a non vue and back to a vue branch. – codeflower Dec 04 '20 at 11:09

Scholtz · Answer 2 · 2021-04-10T10:53:29.243

59

Install vue/cli-service globally

npm install @vue/cli-service -g

This will install global npm package.

@vue/cli-service is usully installed as global, because you do not usually copy these types of packages to every project.

If the global npm package gets corrupted, it is not stored in node_modules folder, but rather in other depending on the os. Therefore removing node_modules does not help. Locations for global node_modules folders are

%USERPROFILE%\AppData\Roaming\npm\node_modules (Win10) or
/usr/local/lib/node_modules (Linux),

check this stack overflow post on how to locate global packages.

edited Apr 10 '21 at 10:53

answered May 26 '20 at 15:14

Scholtz

2,878
2
23
23

4

For me, personally, this is the only answer that helped – A Petrov Oct 16 '20 at 17:04
Same here.. together with https://stackoverflow.com/questions/53712893/vue-template-compiler-package-json-missing-module-with-every-new-project/53718006 – noontz Mar 24 '21 at 09:39

Clarance Liberiste Ntwari · Answer 3 · 2021-07-31T20:10:47.780

16

it will depend on the package manager you are using

delete node_modules
if you are using yarn run yarn or yarn install and then yarn serve
if you are using npm run npm install and then npm run serve

edited Jul 31 '21 at 20:10

answered Aug 29 '20 at 13:40

Clarance Liberiste Ntwari

3,361
2
25
37

score 4 · Answer 4 · answered Apr 09 '20 at 03:52

4

In my case, the package @vue/cli-service is installed in my local node_modules environment, but not my global environment, so it cannot be used as a command. I type .\node_modules\.bin\vue-cli-service serve and it works.

answered Apr 09 '20 at 03:52

Lucien Zhang

21
1

score 3 · Answer 5 · answered Apr 18 '20 at 12:45

3

As it is mentioned in terminal that node_modules is missing from your project, so you can't directly use npm run serve, first you have to do npm install then do npm run serve. It will work fine

answered Apr 18 '20 at 12:45

Shubham Sharma

54
5

This solved a similar problem I was having with building an ESP32 project, restful_server. npm install, then npm run build and the project would compile after the dist folder showed up. – BoredBsee Jul 13 '20 at 02:00

score 2 · Answer 6 · answered Oct 30 '20 at 19:18

2

In my case I ran below commands in GitBash and it worked fine

npm install
npm run serve

answered Oct 30 '20 at 19:18

Kiran Modini

1,184
8
5

score 2 · Answer 7 · answered Dec 17 '20 at 16:25

2

If you are using cmd in windows.
deleting the node_modules folder and after that run npm istall from the cmd.
run npm run serve and see if it works this time

answered Dec 17 '20 at 16:25

Ali Raza

670
5
15

score 2 · Answer 8 · answered Jun 19 '21 at 21:31

2

In my case, I have checked the folder of node_modules was missing. I am using Windows. So I run this in cmd.

npm install
npm run serve

Then I check it in localhost like usual.

answered Jun 19 '21 at 21:31

ahartami

21
1

score 1 · Answer 9 · answered Aug 13 '21 at 03:10

This issue mostly happens when either @vue/cli is not installed or in most cases,

@vue/cli is already installed and you are currently working on a project and when running

yarn serve or npm run serve.

Most at times, this issue is been caused by broken dependencies. to fix this issue, simple run

yarn install or npm install

depending on your package manager.

score 1 · Answer 10 · answered Aug 28 '21 at 20:51

1

well after trying all the solutions above and it still haven't worked for you then you probably have a stupid space in the full directory of your Vue project like in my case. so remove that that space and it will work from then on.

answered Aug 28 '21 at 20:51

Muhammad Kashif

131
7

score 1 · Answer 11 · answered Sep 18 '21 at 04:57

1

Remember to set the NODE_ENV=development and run npm install again

answered Sep 18 '21 at 04:57

William Keller

1
3

Maher Fakhour · Answer 12 · 2021-11-12T16:45:58.730

1

Try changing the project path to one without spaces, it worked on windows 10

edited Nov 12 '21 at 16:45

answered Nov 12 '21 at 16:15

Maher Fakhour

49
7

score 0 · Answer 13 · answered Nov 03 '20 at 04:01

0

I had faced the same problem in windows. Then first I deleted the node_module. then I run npm install.

answered Nov 03 '20 at 04:01

Hasibul-

1,192
1
9
18

score 0 · Answer 14 · answered Mar 22 '21 at 20:30

0

For Windows you should modify package.json to:

  "scripts": {
    "serve": "vue-cli-service.cmd serve",
    "build": "vue-cli-service.cmd build",
    "lint": "vue-cli-service.cmd lint"
  }

,

answered Mar 22 '21 at 20:30

Andrey -hidden-

36
4

score 0 · Answer 15 · answered May 03 '21 at 10:38

I had the same issue using windows + WSL2 (Ubuntu 20.04). Looking at the logs generated after trying to run npm i I noticed that my WSL2 environment did not have python2 installed. So to solve I ran the following commands:

sudo apt-get install python2
rm -rf node_modules
npm i
npm run serve

score 0 · Answer 16 · answered May 28 '21 at 09:56

0

I faced the same in Windows. Had to run npm install again. Then it worked perfectly.

answered May 28 '21 at 09:56

burke_

21
2

score 0 · Answer 17 · answered Aug 19 '21 at 20:04

0

Wait, what's the difference between @vue/cli and @vue/cli-service? When you install both, they show different number of packages installed. The latter solved my issue actually but everyone keeps saying install @vue/cli.

answered Aug 19 '21 at 20:04

Justin Farrugia

104
14

score 0 · Answer 18 · answered Jun 18 '22 at 06:03

0

try running npm i or npm install and then proceed to run npm i vue after previous installation done. works for me

answered Jun 18 '22 at 06:03

rubanero14

1

score 0 · Answer 19 · answered Aug 27 '22 at 16:39

0

you need use "npm install" at Command Line

answered Aug 27 '22 at 16:39

Zest Zhang

41
4

score 0 · Answer 20 · answered Nov 04 '22 at 14:35

0

Before running "npm install", try running this command first:

npm set strict-ssl false

answered Nov 04 '22 at 14:35

ShieldOfSalvation

1,297
16
32

score 0 · Answer 21 · answered Dec 09 '22 at 20:20

Like you, I got the error below when I ran npm run serve from the CMD command line,

'vue-cli-service' is not recognized as an internal or external command, operable program or batch file.

I got past this familiar error by using the following command to add the npm folder to the PATH that CMD searches for executables:

path=%path%;C:\Users\<USERNAME>\AppData\Roaming\npm

where <USERNAME> is your Windows user profile directory name. Only then was I able to run the following commands successfully:

npm install 
npm run serve

score 0 · Answer 22 · answered Dec 30 '22 at 22:15

What solved the issue for me was renaming the directory. I had used the symbol "&" on the folder name and it seems to break things, so changing it to "and" fixed the issue.

This will probably be an incredibly niche thing, but if I help even 1 person it's fine by me.

score -1 · Answer 23 · edited Nov 03 '21 at 09:16

-1

I have a project, I can run it well on Linux, but i have the same issue on windows, I solve it this way (I hope in your case it works too):

Delete the node_modules
Install it again with npm i

edited Nov 03 '21 at 09:16

Stefano Sansone

2,377
7
20
39

answered Nov 02 '21 at 13:59

Ismael Gomez

11

This has already been mentioned in some of the other answers. *When answering older questions that already have answers, please make sure you provide either a novel solution or a significantly better explanation than existing answers.* – Eric Aya Nov 02 '21 at 14:36

How to solve 'vue-cli-service' is not recognized as an internal or external command?

23 Answers23

Install vue/cli-service globally

Linked