Npm run serve vue ошибка

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 ?

asked Oct 27, 2019 at 13:27

it will depend on the package manager you are using

1. delete node_modules

2. if you are using yarn run yarn or yarn install and then yarn serve

3. if you are using npm run npm install and then npm run serve

answered Aug 29, 2020 at 13:40

answered Apr 9, 2020 at 3:52

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

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

1. npm install
2. npm run serve

answered Oct 30, 2020 at 19:18

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

answered Dec 17, 2020 at 16:25

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

1. npm install
2. npm run serve

Then I check it in localhost like usual.

answered Jun 19, 2021 at 21:31

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.

answered Aug 13, 2021 at 3:10

answered Aug 28, 2021 at 20:51

answered Sep 18, 2021 at 4:57

answered Nov 12, 2021 at 16:15

answered Nov 3, 2020 at 4:01

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, 2021 at 20:30

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:

1. sudo apt-get install python2
2. rm -rf node_modules
3. npm i
4. npm run serve

answered May 3, 2021 at 10:38

answered May 28, 2021 at 9:56

answered Aug 19, 2021 at 20:04

answered Jun 18, 2022 at 6:03

answered Aug 27, 2022 at 16:39

Before running «npm install», try running this command first:

npm set strict-ssl false

answered Nov 4, 2022 at 14:35

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

answered Dec 9, 2022 at 20:20

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.

answered Dec 30, 2022 at 22:15

I’ve got an issue when try running server for vue project

this is the issue

ERROR Error: No valid exports main found for
‘ PROJECT PATH\node_modules\colorette’
Error: No valid exports main found for
‘PROJECT PATH\node_modules\colorette’
at resolveExportsTarget (internal/modules/cjs/loader.js:622:9)
at applyExports (internal/modules/cjs/loader.js:499:14)
at resolveExports (internal/modules/cjs/loader.js:548:12)
at Function.Module._findPath (internal/modules/cjs/loader.js:654:22)
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:953:27)
at Function.Module._load (internal/modules/cjs/loader.js:859:27)
at Module.require (internal/modules/cjs/loader.js:1028:19)
at require (internal/modules/cjs/helpers.js:72:18)
at Object. (C:\Users\AlaaMohammed\PhpstormProjects\vue-2\node_modules\autoprefixer\lib\autoprefixer.js:5:17)
at Module._compile (internal/modules/cjs/loader.js:1139:30) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! vue-2@0.1.0 serve:
vue-cli-service serve npm ERR! Exit status 1 npm ERR! npm ERR!
Failed at the vue-2@0.1.0 serve script. npm ERR! This is probably not
a problem with npm. There is likely additional logging output above.

I want some to response to my problem

asked Jul 6, 2020 at 15:24

Upgrade node to version 14.5 will resolve this issue.

I did the following and it worked:

1)_ First i checked the versions

• npm outdated
• npm update
• npm install
• npx npm-check-updates — u

2)_ Once i was 100% sure the problems didn’t come from that source, i typed the following:

npm install autoprefixer@9.8.0

and it solved the problem.

Note: try to «npm start» before you connect the scss to the App, just to see if you can visualize something (like: hello world) in the browser, if everything is fine, create the folder scss with the main.scss inside of it, import it and then try the steps.

answered Aug 20, 2020 at 16:36

answered Sep 28, 2021 at 16:14

Updating the node version can solve your problem.