Vue cli ошибка при установке

I’m trying to install Vue-cli environemnt via NPM.

npm install --global vue-cli

After that I want to create project 

vue init webpack my-project

And I get an error

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

I’ve read some solutions, most of them concern changing

PATH to C:\Users{YourUser}\AppData\Roaming\npm

Didn’t work for me. Can anyone help.

asked May 15, 2017 at 16:25

ogostos's user avatar

6

I follow these commands, It’s work fine for me.

npm install -g vue-cli

npm install -g vue

Edit the System environment variables, and enter the following path, and if still having a problem just try to add a path in System User Variables

C:\Program Files\nodejs\node.exe;

C:\Users\{UserName}\AppData\Roaming\npm

Check vue installed in C:\Users{UserName}\AppData\Roaming\npm
enter image description here

Image 1

Image 2

Image 3

answered Oct 16, 2019 at 7:41

sarath kumar's user avatar

sarath kumarsarath kumar

1,28510 silver badges6 bronze badges

1

yarn add @vue/cli-service

or

npm install @vue/cli-service

is what worked for me

AS Mackay's user avatar

AS Mackay

2,8319 gold badges19 silver badges25 bronze badges

answered Jul 27, 2019 at 6:29

Bruce Cesar's user avatar

Well, problem was solved by simply deleting everything related to vue-cli installed before. And re-installing vue-cli.

answered May 25, 2017 at 19:25

ogostos's user avatar

ogostosogostos

1,4352 gold badges20 silver badges29 bronze badges

1

I have faced simillar issue and re-installing vue-cli didn’t work for me. Strange thing is vue and vue-cli get installed successfully but once I tried to create project by using below command

vue init webpack myfirstproject

I get below error:

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

Tried various solutions but nothing worked for me. Please find my NPM and Node details below:

NPM version: 6.2.0
Node version: 8.7.0

Actually the issue was «vue-cli» is not supporting to my Node(8.7.0). It requires Node >=8.9. Once I upgraded my Node version. everything is working fine.

upgrading your Node version is the correct way to deal with this issue

answered Jul 24, 2018 at 14:11

Sandy.....'s user avatar

Sandy…..Sandy…..

2,8332 gold badges15 silver badges26 bronze badges

I found this same issue with another possible problem. I had

create-react-app@1.5.2 installed globally

npm list -g —depth=0 will display your globals

I simply uninstalled create-react-app

npm uninstall create-react-app

Vue vue-cli-service now works as expected.

answered Jun 1, 2019 at 13:17

Greg Funston's user avatar

had the same issue, i deleted my node_modules and re-install and it worked

answered Aug 21, 2019 at 11:53

Koko's user avatar

KokoKoko

311 silver badge6 bronze badges

I had the same problem after searching a lot I found this solution:

You need to Add C:\Program Files\nodejs to your PATH environment variable. To do this follow these steps:

  1. Use the global Search to go to «Environment Variables»
  2. Click «Edit system environment variables»
  3. Click «Environment Variables» in the dialog
  4. In the «System Variables» box, search for Path and edit it to include C:\Program Files\nodejs.

You will have to restart any currently-opened command prompts before it will take effect.

I hope it works, good luck!

answered Sep 4, 2019 at 9:33

Diego's user avatar

DiegoDiego

112 bronze badges

I was installing @vue/cli using yarn, i.e. I ran

yarn global add @vue/cli

Calling vue on windows did not work after the installation (‘vue’ is not recognized as an internal or external command)

What I needed to do was to add C:\Users\<MY USERNAME>\AppData\Local\Yarn\bin to path.

answered Dec 27, 2020 at 16:52

David Vonka's user avatar

David VonkaDavid Vonka

5114 silver badges14 bronze badges

yarn global add @vue/cli did not work for me

So I removed using yarn global remove @vue/cli

Then I installed using npm install -g @vue/cli and its working fine.

answered Mar 23, 2021 at 3:24

Alok's user avatar

AlokAlok

7,7828 gold badges55 silver badges103 bronze badges

1)Try to remove all the node files, npm and nvm files/folders.

2)Also, remove the PATH of node js and nvm from environment variables.

3)try commands:

   node -v
   npm -v
   nvm -v

above commands only to make sure that all the entities related to node are uninstalled.
4) install node, and if necessary install nvm(optioal), then run command

   npm install -g @vue/cli

above procedure proven to be useful for me. Just give it a try!

answered Jan 14, 2020 at 4:51

Aryesh's user avatar

AryeshAryesh

3842 silver badges16 bronze badges

for Yarn -> need to install it:

npm install -g yarn

Installing Vue CLI Package:

yarn global add @vue/cli

To create project:

vue create project-name

To run:

yarn serve

Uninstalling:

yarn global remove @vue/cli

I follow «npm» package manager instead of «yarn» package manager console because yarn give me a problem while installing it;

command to install Vue CLI:

npm install -g @vue/cli

For to create Vue project:

vue create "project-name"

For to run Vue project:

npm run serve

Phil Dukhov's user avatar

Phil Dukhov

68.9k15 gold badges191 silver badges226 bronze badges

answered Feb 19, 2022 at 6:54

Ganesh Gavhane's user avatar

Источник

I’m trying to install Vue-cli environemnt via NPM.

npm install --global vue-cli

After that I want to create project 

vue init webpack my-project

And I get an error

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

I’ve read some solutions, most of them concern changing

PATH to C:\Users{YourUser}\AppData\Roaming\npm

Didn’t work for me. Can anyone help.

asked May 15, 2017 at 16:25

ogostos's user avatar

6

I follow these commands, It’s work fine for me.

npm install -g vue-cli

npm install -g vue

Edit the System environment variables, and enter the following path, and if still having a problem just try to add a path in System User Variables

C:\Program Files\nodejs\node.exe;

C:\Users\{UserName}\AppData\Roaming\npm

Check vue installed in C:\Users{UserName}\AppData\Roaming\npm
enter image description here

Image 1

Image 2

Image 3

answered Oct 16, 2019 at 7:41

sarath kumar's user avatar

sarath kumarsarath kumar

1,28510 silver badges6 bronze badges

1

yarn add @vue/cli-service

or

npm install @vue/cli-service

is what worked for me

AS Mackay's user avatar

AS Mackay

2,8319 gold badges19 silver badges25 bronze badges

answered Jul 27, 2019 at 6:29

Bruce Cesar's user avatar

Well, problem was solved by simply deleting everything related to vue-cli installed before. And re-installing vue-cli.

answered May 25, 2017 at 19:25

ogostos's user avatar

ogostosogostos

1,4352 gold badges20 silver badges29 bronze badges

1

I have faced simillar issue and re-installing vue-cli didn’t work for me. Strange thing is vue and vue-cli get installed successfully but once I tried to create project by using below command

vue init webpack myfirstproject

I get below error:

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

Tried various solutions but nothing worked for me. Please find my NPM and Node details below:

NPM version: 6.2.0
Node version: 8.7.0

Actually the issue was «vue-cli» is not supporting to my Node(8.7.0). It requires Node >=8.9. Once I upgraded my Node version. everything is working fine.

upgrading your Node version is the correct way to deal with this issue

answered Jul 24, 2018 at 14:11

Sandy.....'s user avatar

Sandy…..Sandy…..

2,8332 gold badges15 silver badges26 bronze badges

I found this same issue with another possible problem. I had

create-react-app@1.5.2 installed globally

npm list -g —depth=0 will display your globals

I simply uninstalled create-react-app

npm uninstall create-react-app

Vue vue-cli-service now works as expected.

answered Jun 1, 2019 at 13:17

Greg Funston's user avatar

had the same issue, i deleted my node_modules and re-install and it worked

answered Aug 21, 2019 at 11:53

Koko's user avatar

KokoKoko

311 silver badge6 bronze badges

I had the same problem after searching a lot I found this solution:

You need to Add C:\Program Files\nodejs to your PATH environment variable. To do this follow these steps:

  1. Use the global Search to go to «Environment Variables»
  2. Click «Edit system environment variables»
  3. Click «Environment Variables» in the dialog
  4. In the «System Variables» box, search for Path and edit it to include C:\Program Files\nodejs.

You will have to restart any currently-opened command prompts before it will take effect.

I hope it works, good luck!

answered Sep 4, 2019 at 9:33

Diego's user avatar

DiegoDiego

112 bronze badges

I was installing @vue/cli using yarn, i.e. I ran

yarn global add @vue/cli

Calling vue on windows did not work after the installation (‘vue’ is not recognized as an internal or external command)

What I needed to do was to add C:\Users\<MY USERNAME>\AppData\Local\Yarn\bin to path.

answered Dec 27, 2020 at 16:52

David Vonka's user avatar

David VonkaDavid Vonka

5114 silver badges14 bronze badges

yarn global add @vue/cli did not work for me

So I removed using yarn global remove @vue/cli

Then I installed using npm install -g @vue/cli and its working fine.

answered Mar 23, 2021 at 3:24

Alok's user avatar

AlokAlok

7,7828 gold badges55 silver badges103 bronze badges

1)Try to remove all the node files, npm and nvm files/folders.

2)Also, remove the PATH of node js and nvm from environment variables.

3)try commands:

   node -v
   npm -v
   nvm -v

above commands only to make sure that all the entities related to node are uninstalled.
4) install node, and if necessary install nvm(optioal), then run command

   npm install -g @vue/cli

above procedure proven to be useful for me. Just give it a try!

answered Jan 14, 2020 at 4:51

Aryesh's user avatar

AryeshAryesh

3842 silver badges16 bronze badges

for Yarn -> need to install it:

npm install -g yarn

Installing Vue CLI Package:

yarn global add @vue/cli

To create project:

vue create project-name

To run:

yarn serve

Uninstalling:

yarn global remove @vue/cli

I follow «npm» package manager instead of «yarn» package manager console because yarn give me a problem while installing it;

command to install Vue CLI:

npm install -g @vue/cli

For to create Vue project:

vue create "project-name"

For to run Vue project:

npm run serve

Phil Dukhov's user avatar

Phil Dukhov

68.9k15 gold badges191 silver badges226 bronze badges

answered Feb 19, 2022 at 6:54

Ganesh Gavhane's user avatar

Источник

This document covers some common Vue CLI issues and how to resolve them. You should always follow these steps before opening a new issue.

Running installation with sudo or as root

If you install @vue/cli-service as root user or with sudo, there might be issues when running package postinstall scripts.

This is a security feature of npm. You should always avoid running npm with root privileges because install scripts can be unintentionally malicious.

If you must however, you can workaround this error by setting the --unsafe-perm flag of npm. This can be done by prefixing the command with an environment variable, i.e.

npm_config_unsafe_perm=true vue create my-project

Symbolic Links in node_modules

If there’re dependencies installed by npm link or yarn link, ESLint (and sometimes Babel as well) may not work properly for those symlinked dependencies. It is because webpack resolves symlinks to their real locations by default, thus breaks ESLint / Babel config lookup.

A workaround for this issue is to manually disable symlinks resolution in webpack:

// vue.config.js
module.exports = {
  chainWebpack: (config) => {
    config.resolve.symlinks(false)
  }
}

WARNING

Disabling resolve.symlinks may break hot module reloading if your dependencies are installed by third-party npm clients that utilized symbolic links, such ascnpm or pnpm.

Источник

Version

4.5.12

Reproduction link

https://stackoverflow.com/questions/66722303/vue-cli-is-not-installing/66722328#66722328

Environment info

I am using Bash on Ubuntu on Windows

node -v
v15.12.0

npm -v
7.6.3

Steps to reproduce

I did everything as root user:

First I tried
npm install -g @vue/cli

But this returned an error
npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated @hapi/topo@3.1.6: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/bourne@1.3.2: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/hoek@8.5.1: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/address@2.1.4: Moved to 'npm install @sideway/address'
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated @hapi/joi@15.1.1: Switch to 'npm install joi'
npm ERR! code 127
npm ERR! path /root/.nvm/versions/node/v15.12.0/lib/node_modules/@vue/cli/node_modules/core-js
npm ERR! command failed
npm ERR! command sh -c node -e "try{require('./postinstall')}catch(e){}"
npm ERR! sh: 1: node: Permission denied

npm ERR! A complete log of this run can be found in:
npm ERR!     /root/.npm/_logs/2021-03-20T13_34_56_981Z-debug.log

Than I tried npm install -g —unsafe-perm @vue/cli but this also gave me the same error

After that I tried this but that didn’t worked also.
npm config set user 0
npm config set unsafe-perm true

At least I tried
npm install vue
npm cache clean —force
npm install -g @vue/cli

But this also returned the same error.

What is expected?

Install Vue CLI

What is actually happening?

Getting an error.

Источник

I am trying to install VueJS but I am getting errors.

I am using Bash on Ubuntu on Windows

node -v

v15.12.0

npm -v

7.6.3

Firt I tried this

npm install -g @vue/cli

But this returns me some warnings and errors

npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated @hapi/topo@3.1.6: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/bourne@1.3.2: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/hoek@8.5.1: This version has been deprecated and is no longer supported or maintained
npm WARN deprecated @hapi/address@2.1.4: Moved to 'npm install @sideway/address'
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated @hapi/joi@15.1.1: Switch to 'npm install joi'
npm ERR! code 127
npm ERR! path /root/.nvm/versions/node/v15.12.0/lib/node_modules/@vue/cli/node_modules/core-js
npm ERR! command failed
npm ERR! command sh -c node -e "try{require('./postinstall')}catch(e){}"
npm ERR! sh: 1: node: Permission denied

npm ERR! A complete log of this run can be found in:
npm ERR!     /root/.npm/_logs/2021-03-20T13_34_56_981Z-debug.log

I tried it with sudo but I am running it already as administrator.
sudo: npm: command not found

After that I tried npm install -g --unsafe-perm @vue/cli but I got the same error message as before.

After that I tried

npm config set user 0
npm config set unsafe-perm true

and after I tried that I did againnpm install -g @vue/cli but this also returned the same error.

Then I tried this

npm install vue
npm cache clean --force
npm install -g @vue/cli

But this also didn’t worked for me it returned the same error….

So can someone help to fix this error?

Источник

Понравилась статья? Поделить с друзьями:
  • Vts ошибка а57
  • Vts ошибка а022
  • Vts ошибка al41
  • Vts ошибка al00
  • Vts ошибка a748