Nuxt.js: Vue packages version mismatch

Created on 23 Dec 2019 · 8Comments · Source: nuxt/nuxt.js

Version

v2.11.0

Reproduction link

https://iDontHaveItOnline.com

Steps to reproduce

I updated to the newest version of Nuxt.js and now I get this error.

Vue packages version mismatch:

This may cause things to work incorrectly. Make sure to use the same version for both.

Vue packages version mismatch:

[email protected]
[email protected]

This may cause things to work incorrectly. Make sure to use the same version for both.

at Object. (node_modules/vue-server-renderer/index.js:8:9)
at Module._compile (internal/modules/cjs/loader.js:778:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
at Module.load (internal/modules/cjs/loader.js:653:32)
at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
at Function.Module._load (internal/modules/cjs/loader.js:585:3)
at Module.require (internal/modules/cjs/loader.js:692:17)
at require (internal/modules/cjs/helpers.js:25:18)
at Object. (node_modules/@nuxt/vue-renderer/dist/vue-renderer.js:20:27)
at Module._compile (internal/modules/cjs/loader.js:778:30)

╭────────────────────────────────────────────────────────────────────────────────────────────╮
│ │
│ ✖ Nuxt Fatal Error │
│ │
│ Error: │
│ │
│ Vue packages version mismatch: │
│ │
│ - [email protected] │
│ - [email protected] │
│ │
│ This may cause things to work incorrectly. Make sure to use the same version for both. │
│ │
│ │

What is expected ?

It is expected to compile the code.

What is actually happening?

But instead it crashes with a fatal error.

bug-report

Source

phillipstemann

👍2

Most helpful comment

The thing that works for me is:

remove the lock file (package-lock.json)
delete the node_modules folder (this is a mandatory step for me)
run npm i

I am using Windows and Node 12.14.0

daniplaninc on 23 Dec 2019

👍43 🎉10 🚀7 ❤3

All 8 comments

That's a typical userland error.

There are various solutions: yarn upgrade / npm update / remove lock files + yarn or npm i

manniL on 23 Dec 2019

👍18 🎉5 🚀1 ❤1

The thing that works for me is:

remove the lock file (package-lock.json)
delete the node_modules folder (this is a mandatory step for me)
run npm i

I am using Windows and Node 12.14.0

daniplaninc on 23 Dec 2019

👍43 🎉10 🚀7 ❤3

Have the same issue:

Error: 
Vue packages version mismatch:
- [email protected]
- [email protected]

But the _package-lock.json_ is loading 2.6.10 for Vue and the Vue Server Renderer

...
"vue": "^2.6.10",
 "vue-loader": "^15.7.1",
"vue-router": "^3.1.3",
"vue-server-renderer": "^2.6.10",
"vue-template-compiler": "^2.6.10",
...

So how would this be possible?

jasperf on 1 Apr 2020

The thing that works for me is:
* remove the lock file (package-lock.json)

* delete the node_modules folder (this is a mandatory step for me)

* run npm i
I am using Windows and Node 12.14.0

This worked for me. thanks

muhammadali7768 on 22 Aug 2020

It is not userland error. Npm suggested to me to run npm audit fix to fix 2 vunerabilities and after that I got the same error. Just followed the above's sugestion and the error is gone.

AllanOricil on 25 Aug 2020

👍9 👀1 👎1

Npm suggested to me to run npm audit fix to fix 2 vunerabilities and after that I got the same error.

Exactly the same here. A simple npm update fixed it. (No need to remove lock file or delete node_modules folder).

dialogik on 2 Sep 2020

👍2

I go the save issue after execute npm audit fix. And it is fixed by running npm update.

seanchen on 4 Sep 2020

👍3

The thing that works for me is:

remove the lock file (package-lock.json)

delete the node_modules folder (this is a mandatory step for me)

run npm i

I am using Windows and Node 12.14.0

This worked for me. Thanks!