Vue packages version mismatch #6823

phillipstemann · 2019-12-23T06:29:16Z

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:

vue@2.6.10
vue-server-renderer@2.6.11

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

Vue packages version mismatch:

vue@2.6.10
vue-server-renderer@2.6.11

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: │
│ │
│ - vue@2.6.10 │
│ - vue-server-renderer@2.6.11 │
│ │
│ 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.

manniL · 2019-12-23T10:08:51Z

That's a typical userland error.

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

daniplaninc · 2019-12-23T10:32:22Z

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

…ault layout

jasperf · 2020-04-01T01:32:20Z

Have the same issue:

Error: 
Vue packages version mismatch:
- vue@2.6.10
- vue-server-renderer@2.6.11

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?

muhammadali7768 · 2020-08-22T18:01:36Z

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

dialogik · 2020-09-02T09:46:08Z

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).

seanchen · 2020-09-04T20:42:08Z

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

aurelianoa · 2020-10-16T18:58:21Z

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!

oxavibes · 2021-01-15T22:08:30Z

The solution is to run npm update after an npm audit fix

julieYang2012 · 2021-03-23T16:07:28Z

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

elliottregan · 2021-04-28T05:46:09Z

If it helps anyone else who lands here, I had to also clean my npm cache along with the above tips.

npm cache clean --force

dseeker · 2021-06-07T11:05:07Z

it just happened to me since about 1 hour ago a new patch version was release
I'm deploying via Serverless Pro, so it does build step: npm ci --if-present --unsafe-perm with a fresh node_modules folder

FATAL
Vue packages version mismatch:
- vue@2.6.14
- vue-server-renderer@2.6.13
This may cause things to work incorrectly. Make sure to use the same version for both.
Vue packages version mismatch:
- vue@2.6.14
- vue-server-renderer@2.6.13
This may cause things to work incorrectly. Make sure to use the same version for both.
at Object.<anonymous> (node_modules/vue-server-renderer/index.js:8:9)
at Module._compile (internal/modules/cjs/loader.js:999:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1027:10)
at Module.load (internal/modules/cjs/loader.js:863:32)
at Function.Module._load (internal/modules/cjs/loader.js:708:14)
at Module.require (internal/modules/cjs/loader.js:887:19)
at Module._require.i.require (serverless_sdk/index.js:9:73397)
at Module._require.i.require (serverless_sdk/index.js:9:73397)
at Module._require.i.require (serverless_sdk/index.js:9:73397)
at require (internal/modules/cjs/helpers.js:74:18)

both vue and vue-server-renderer were set to 2.6.13 in the package.json version, but for some reason vue still updated the patch version

CyberPunk10 · 2021-06-15T19:35:48Z

npm i -D vue-template-compiler

This will update the package correctly.
The build will be assembled correctly on heroku.

eugenio-tesio · 2021-06-18T12:29:47Z

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

This worked for me.

My issue

Vue packages version mismatch: 
 - vue@2.6.14
 - vue-server-renderer@2.6.12

samalapsy · 2021-06-18T22:57:41Z

I had this issue

Vue packages version mismatch: 
 - vue@2.6.12
 - vue-server-renderer@2.6.14
 -  This may cause things to work incorrectly. Make sure to use the same version for both.

HOW I FIXED IT

removed package-locked.json
deleted node_modules
ran the following npm install and npm audit fix then npm update. npm update was actually the game changer for me.

lampewebdev · 2021-06-28T14:10:54Z

   ╭────────────────────────────────────────────────────────────────────────────────────────────╮
   │                                                                                            │
   │   ✖ Nuxt Fatal Error                                                                       │
   │                                                                                            │
   │   Error:                                                                                   │
   │                                                                                            │
   │   Vue packages version mismatch:                                                           │
   │                                                                                            │
   │   - vue@2.6.12                                                                             │
   │   - vue-server-renderer@2.6.14                                                             │
   │                                                                                            │
   │   This may cause things to work incorrectly. Make sure to use the same version for both.   │
   │                                                                                            │
   │                                                                                            │
   ╰────────────────────────────────────────────────────────────────────────────────────────────╯

I'm still getting the error even after running:

rm -rf node_modules/ package-lock.json;
npm cache clean --force;
npm i ; npm audit fix; npm update;

onipiing · 2021-06-30T22:19:02Z

   ╭────────────────────────────────────────────────────────────────────────────────────────────╮
   │                                                                                            │
   │   ✖ Nuxt Fatal Error                                                                       │
   │                                                                                            │
   │   Error:                                                                                   │
   │                                                                                            │
   │   Vue packages version mismatch:                                                           │
   │                                                                                            │
   │   - vue@2.6.12                                                                             │
   │   - vue-server-renderer@2.6.14                                                             │
   │                                                                                            │
   │   This may cause things to work incorrectly. Make sure to use the same version for both.   │
   │                                                                                            │
   │                                                                                            │
   ╰────────────────────────────────────────────────────────────────────────────────────────────╯

I'm still getting the error even after running:

rm -rf node_modules/ package-lock.json;
npm cache clean --force;
npm i ; npm audit fix; npm update;

I got the same error and fixed by upgrading vue version upto 2.6.14

techniath · 2021-07-07T01:57:27Z

I tried all the above solutions and nothing worked for me.
Eventually I got it working by doing npm install --legacy-peer-deps

waziaq · 2021-08-24T05:37:31Z

I tried all the above solutions and nothing worked for me.
Eventually I got it working by doing npm install --legacy-peer-deps

Still not work for me.

MSkred · 2021-09-07T13:13:38Z

I tried all the above solutions and nothing worked for me.

shakir-abdo · 2021-09-07T14:26:16Z

I tried all the above solutions and nothing worked for me.

Please try this solution, but in order
it's the only one worked for me ..
#6823 (comment)

ugurcanalyuz · 2022-07-04T14:57:08Z

  Error:                                                                                   
   │                                                                                            
   │   Vue packages version mismatch:                                                           
   │                                                                                            
   │   - vue@2.6.14                                                                             
   │   - vue-server-renderer@2.7.1                                                              
   │                                                                                          
   │   This may cause things to work incorrectly. Make sure to use the same version for both.

FIX: npm i vue-server-renderer@2.6.14

volcanioo · 2022-07-05T08:15:38Z

The solution is to run npm update after an npm audit fix

This worked for me! 🎉

JHerwig · 2022-07-13T09:55:55Z

I have found another solution.
It seems as would package dependencies install the latest version. In my case vue-debounce@4.0.0 installed vue@3.2.37. I have installed vue@2.7.5 manually and this Vue packages version mismatch error is gone.

gtm-agency · 2022-07-14T21:39:19Z

Hello, same here but nothing worked

Vue packages version mismatch:

vue@2.6.14
vue-server-renderer@2.7.5

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

Vue packages version mismatch:

vue@2.6.14
vue-server-renderer@2.7.5

Chitzi · 2022-07-15T16:32:37Z

Solved it with

  "overrides": {
    "vue": "2.7.6",
    "vue-server-renderer": "2.7.6"
  }

in package.json

amitleuva1987 · 2022-07-29T07:57:11Z

npm i vue-server-renderer@2.6.14

This worked for me

deannabosschert · 2022-09-14T00:36:09Z

npm update or npm audit fix didn't do anything for me either, same with deleting/reinstalling package-lock and node_modules.

howeverrr, running the following two commands worked for me!

npm i vue-template-compiler@2.6.14

npm i vue-server-renderer@2.6.14

mbarsil · 2022-09-18T10:49:46Z

Hey all, after trying ALL the solutions proposed here, the only thing that worked for me was to manually reinstall the specific version that I had troubles with, both for vue-server-renderer and vue-template-compiler:

In this case I ran:

npm i --save vue-server-renderer@2.6.14
npm i --save vue-template-compiler@2.6.14

Hope this might help the ones still having the issue

danielroe · 2022-10-23T16:46:50Z

@tdebenne You are likely using a dependency that is still using Vue 2. It's not the same as this issue. Also, Nuxt 3 issues can be reported at https://github.com/nuxt/framework.

ghost added the cmty:bug-report label Dec 23, 2019

manniL closed this as completed Dec 23, 2019

jbratcher added a commit to jbratcher/nuxt-netlify-cms-starter-kit that referenced this issue Jan 21, 2020

chore: npm updates to fix nuxt/nuxt#6823, fix: corrected title in def…

16f805f

…ault layout

ilovewine mentioned this issue Feb 11, 2021

Compilation error: "Vue packages version mismatch" #8815

Closed

justincervantes mentioned this issue Sep 10, 2021

vue and vue-server-renderer versions incompatible creativetimofficial/ct-nuxt-argon-dashboard-pro-laravel-bs4#4

Closed

VincentHardouin mentioned this issue Oct 28, 2021

[TECH] Mettre à jour les dépendances 1024pix/pix-site#306

Merged

YoshikiKomoriya mentioned this issue Dec 22, 2021

Google AnalyticsをVue Routerを使ったルーティングに対応させる YoshikiKomoriya/twitter-image-list#162

Merged

3 tasks

Laura10196 mentioned this issue Mar 2, 2022

Vue packages version mismatch #10305

Closed

antoniohof mentioned this issue Aug 22, 2022

can't build with npm i / yarn run antoniohof/edit_wars#3

Closed

danielroe added 2.x pending triage labels Jan 18, 2023

dariadia mentioned this issue Mar 5, 2024

feat(app): solve test task dariadia/meleton#2

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Vue packages version mismatch #6823

Vue packages version mismatch #6823

phillipstemann commented Dec 23, 2019 •

edited by ghost

Loading

manniL commented Dec 23, 2019

daniplaninc commented Dec 23, 2019

jasperf commented Apr 1, 2020 •

edited

Loading

muhammadali7768 commented Aug 22, 2020 •

edited

Loading

dialogik commented Sep 2, 2020

seanchen commented Sep 4, 2020

aurelianoa commented Oct 16, 2020

oxavibes commented Jan 15, 2021

julieYang2012 commented Mar 23, 2021

elliottregan commented Apr 28, 2021

dseeker commented Jun 7, 2021

CyberPunk10 commented Jun 15, 2021 •

edited

Loading

eugenio-tesio commented Jun 18, 2021

samalapsy commented Jun 18, 2021 •

edited

Loading

lampewebdev commented Jun 28, 2021 •

edited

Loading

onipiing commented Jun 30, 2021

techniath commented Jul 7, 2021

waziaq commented Aug 24, 2021

MSkred commented Sep 7, 2021

shakir-abdo commented Sep 7, 2021

ugurcanalyuz commented Jul 4, 2022 •

edited

Loading

volcanioo commented Jul 5, 2022

JHerwig commented Jul 13, 2022

gtm-agency commented Jul 14, 2022

Chitzi commented Jul 15, 2022

amitleuva1987 commented Jul 29, 2022

deannabosschert commented Sep 14, 2022

mbarsil commented Sep 18, 2022

danielroe commented Oct 23, 2022

Vue packages version mismatch #6823

Vue packages version mismatch #6823

Comments

phillipstemann commented Dec 23, 2019 • edited by ghost Loading

Version

Reproduction link

Steps to reproduce

What is expected ?

What is actually happening?

manniL commented Dec 23, 2019

daniplaninc commented Dec 23, 2019

jasperf commented Apr 1, 2020 • edited Loading

muhammadali7768 commented Aug 22, 2020 • edited Loading

dialogik commented Sep 2, 2020

seanchen commented Sep 4, 2020

aurelianoa commented Oct 16, 2020

oxavibes commented Jan 15, 2021

julieYang2012 commented Mar 23, 2021

elliottregan commented Apr 28, 2021

dseeker commented Jun 7, 2021

CyberPunk10 commented Jun 15, 2021 • edited Loading

eugenio-tesio commented Jun 18, 2021

samalapsy commented Jun 18, 2021 • edited Loading

lampewebdev commented Jun 28, 2021 • edited Loading

onipiing commented Jun 30, 2021

techniath commented Jul 7, 2021

waziaq commented Aug 24, 2021

MSkred commented Sep 7, 2021

shakir-abdo commented Sep 7, 2021

ugurcanalyuz commented Jul 4, 2022 • edited Loading

volcanioo commented Jul 5, 2022

JHerwig commented Jul 13, 2022

gtm-agency commented Jul 14, 2022

Chitzi commented Jul 15, 2022

amitleuva1987 commented Jul 29, 2022

deannabosschert commented Sep 14, 2022

mbarsil commented Sep 18, 2022

danielroe commented Oct 23, 2022

phillipstemann commented Dec 23, 2019 •

edited by ghost

Loading

jasperf commented Apr 1, 2020 •

edited

Loading

muhammadali7768 commented Aug 22, 2020 •

edited

Loading

CyberPunk10 commented Jun 15, 2021 •

edited

Loading

samalapsy commented Jun 18, 2021 •

edited

Loading

lampewebdev commented Jun 28, 2021 •

edited

Loading

ugurcanalyuz commented Jul 4, 2022 •

edited

Loading