Vue packages version mismatch error fix

Vue-packages-version-mismatch-error.md

Error:

Vue packages version mismatch:

• [email protected]
• [email protected]

Introduction:

Though the version of the Vue-template-compiler is older than that of the Vue I just updated it to same version number as the Vue thus 2.6.11 In your case the number might not be same as mine so replace the version which shows in your error.

Error:

ERROR in ./resources/assets/js/components/ExampleComponent.vue
Module build failed: Error:

Vue packages version mismatch:

- vue@2.6.11
- vue-template-compiler@2.5.16

This may cause things to work incorrectly. Make sure to use the same version for both.
If you are using vue-loader@>=10.0, simply update vue-template-compiler.
If you are using vue-loader@<10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.

Solution

npm install [email protected] --save-dev

It worked for me....

Then run npm run prod and check evrything will work fine.

Thanks