Why do I have 2 different types of Vue?

Question

I was checking the version of Vue on my computer, and I noticed I have two different versions. What's wrong here?

I recently updated my Vue CLI to 3.10.0, and got a few errors popping up. I checked my npm packages, and discovered this other version of Vue 2.5.17.

<bash>: npm list -g

[email protected]
└─┬ [email protected]
  ├─┬ @starptech/[email protected]
  │ ├─┬ @starptech/[email protected]
  │ │ ├── @starptech/[email protected]
  │ │ ├─┬ @starptech/[email protected]
  │ │ │ ├── [email protected]
  │ │ │ ├─┬ [email protected]
  │ │ │ │ └── [email protected]
  │ │ │ ├── [email protected] deduped
  │ │ │ ├── [email protected]
  │ │ │ ├── [email protected] deduped
  │ │ │ ├── [email protected] deduped
  │ │ │ ├─┬ [email protected]
.
.
.

<bash>: vue --version

3.10.0

Anytime is run Vue create I get a bunch of error, and I'm assuming it has to do with my two versions of Vue colliding.

What are the errors? They won't have anything to do with a mismatch between your Vue Framework or Vue CLI versions — Phil, Aug 07 '19 at 03:22
actually yes it is that error. I tried updating everything, but still not working. — mfe96, Aug 07 '19 at 03:37
There's something strange going on in your dependencies list. `vue-language-server` is a component of [Vetur](https://vuejs.github.io/vetur/) which provides Vue tooling for VS Code. It should never be shown as a dependency of Vue — Phil, Aug 07 '19 at 04:05
So the error is the "Vue packages version mismatch:". I tried updating my npm packages, uninstalling vue and npm, but things are still being weird. — mfe96, Aug 07 '19 at 04:10
Please include the error message in your question exactly how it appears — Phil, Aug 07 '19 at 04:11
Vue packages version mismatch: - [email protected] - [email protected] — mfe96, Aug 07 '19 at 04:16
I've gone through the possible fixes as noted in (https://stackoverflow.com/questions/43397688/how-do-i-fix-a-vue-packages-version-mismatch-error-on-laravel-spark-v4-0-9)[here] — mfe96, Aug 07 '19 at 04:19
For some reason, you have `vue` (the framework) installed globally. Uninstall it — Phil, Aug 07 '19 at 04:25
Well, you don't want either of those installed globally, so yes to both. — Phil, Aug 07 '19 at 04:34

score 1 · Accepted Answer · answered Aug 07 '19 at 02:53

There is a significant difference between global and local installs. @vue/cli is latest at 3.10 (as of this writing) and is installed globally because it is run from the command line. vue is usually installed locally and versions can vary from project to project. The latest version of vue is 2.6.10 as of this writing. Unclear why you would have issues with create unless you did not uninstall the prior version of the cli:

"If you have the previous vue-cli (1.x or 2.x) package installed globally, you need to uninstall it first with npm uninstall vue-cli -g"

Ref: https://cli.vuejs.org/guide/installation.html

Some other quick reads:

https://flaviocopes.com/npm-packages-local-global/

https://nodejs.org/en/blog/npm/npm-1-0-global-vs-local-installation/

Why do I have 2 different types of Vue?

1 Answers1