VueCLI wont install.

Version

4.5.6

Environment info

Environment Info:

  System:
    OS: Windows 10 10.0.18362
    CPU: (4) x64 Intel(R) Core(TM) i5-2400 CPU @ 3.10GHz
  Binaries:
    Node: 14.11.0 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.5 - C:\Program Files (x86)\Yarn\bin\yarn.CMD
    npm: 6.14.8 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Chrome: Not Found
    Edge: Spartan (44.18362.449.0)
  npmGlobalPackages:
    @vue/cli: Not Found

Steps to reproduce

yarn global add @vue/cli-init

vue init nuxt-community/express-template test

What is expected?

To make the template for nuxt vuejs

What is actually happening?

it says vuecli it’s not installed even tough i had just installed it.

[fangbinwei]

You install @vue/cli by both yarn and npm. If the output of vue --version is 4.5.6, It means you executed vue from npm global bin path.

So, try to run npm uninstall @vue/cli -g and use the version installed by yarn. @Wishingirl

[fangbinwei]

I guess you install @vue/cli by npm, but the warning message reminds you to install @vue/cli-init by yarn global add. It has been fixed in 4.5.7, #5871. After upgrade @vue/cli, the warning message will remind you to use npm install -g

Although Vue CLI will try to require module from both yarn global path and npm global path by dependencies import-global, global-dirs@0.1.1. It seems the global-dirs@0.1.1 give the wrong yarn global path(fixed in 1.0.0 sindresorhus/global-dirs#3 )

Test in my windows, my yarn global path is %LOCALAPPDATA%\Yarn\Data\global, but the value return by global-dirs@0.1.1 is %LOCALAPPDATA%\Yarn\config\global.

Since @vue/cli@^4.5.7 can output more accurate warnings message, import-global should be removed or try to upgrade global-dirs. Still need to be considered.