Comment puis-je corriger une “Vue des paquets de la version d'erreur” incompatibilité de sur Laravel Étincelle v4.0.9?

Quand je lance npm run dev sur un Laravel Étincelle v4.0.9 application, j'obtiens l'erreur suivante:

Module build failed: 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.
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.

Mon package.json ressemble à ceci:

{
  "private": true,
  "scripts": {
    "dev": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
    "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
  },
  "dependencies": {
    "axios": "^0.15.2",
    "bootstrap": "^3.0.0",
    "cross-env": "^3.2.3",
    "jquery": "^2.1.4",
    "js-cookie": "^2.1.0",
    "laravel-mix": "0.*",
    "moment": "^2.10.6",
    "promise": "^7.1.1",
    "sweetalert": "^1.1.3",
    "underscore": "^1.8.3",
    "urijs": "^1.17.0",
    "vue": "~2.0.1",
    "vue-resource": "^1.2.0",
    "vue-router": "^2.2.1",
    "vue-truncate-filter": "^1.1.6",
    "vuejs-datepicker": "^0.6.2"
  },
  "devDependencies": {
    "browser-sync": "^2.18.8",
    "browser-sync-webpack-plugin": "^1.1.4"
  }
}

J'ai essayé ce qui suit (à des moments différents, pas dans l'ordre):

supprimé node_modules et npm install
essayé de courir juste yarn et yarn upgrade
retrait vue-loader et la réinstallation de
la spécification exacte des versions de vue et vue-modèle-compilateur plutôt que le laisser à npm pour installer ou le fil à comprendre les dépendances
la suppression d'autres non essentiels paquets (vue-routeur, vue-truncate-filtre, vuejs-datepicker) et essayé tous les ci-dessus
à se taper la tête contre un mur

yarn upgrade vue jusqu'à 2.4.1 résolu ce problème pour moi

InformationsquelleAutor Nate Ritter | 2017-04-13

17

Cela a fonctionné pour moi:
1. Modifier package.json:
```
“vue”: “^2.0.8",
“vue-template-compiler”: “^2.1.8"
```
2. Supprimer node_modules
3. Exécuter npm install
- Comme un boss! Oui, cela a fonctionné pour moi aussi. Merci @Espen.
- Je vais avoir ce problème. Essayé everythin expliqué, mais n'a pas de travail. obtenir la même erreur
- Je pense que n'avez pas besoin de supprimer node_modules, j'ai fait face et il suffit d'installer le modèle, npm install c'est tout
- Par une réponse ci-dessous à titre d'alternative, vous pouvez yarn upgrade vue@^2.0.8 et yarn upgrade vue-template-compiler@^2.1.8
InformationsquelleAutor Espen
19

Pour vue ^2.5.17.

Dans votre package.json

Simplement Ajouter ceci dans devDependencies ou de mettre à jour la version de vue-template-compiler:
- "vue-template-compiler": "^2.5.17"
Que vous avez wil cette sortie:
```
"devDependencies": {
  ...
  "lodash": "^4.17.4",
  "popper.js": "^1.14.4",
  "vue": "^2.5.17", //<= note the version
  "vue-template-compiler": "^2.5.17" //<= note the version
},
```
Après cela, exécutez:
- npm install
Npm va mettre à jour uniquement les paquets mis à jour.
- Savez-vous pourquoi il soudain? Je n'ai jamais mis à jour mon mnp, mais tout à coup, il a arrêté de travailler. Merci
InformationsquelleAutor Jose Seie
6

Exécutant la commande suivante m'a aidé à

npm install [email protected] --save-dev

NB. Remplacez le numéro de version avec la bonne version que vous avez besoin. Dans mon cas la version de la vue a été 2.5.16 et vue-modèle-compilateur a été 2.5.13 donc j'ai mis à jour la vue-modèle-compilateur de la version de la vue.

Espère que cela aide quelqu'un

Vue paquets incompatibilité de version d'erreur correctif
- Il fixe pour moi 🙂
- A fonctionné pour moi aussi, ma vue version a été 2.5.13 et vue-modèle-compilateur a été 2.5.17 mais après l'exécution de la commande, il a compilé correctement. Merci
InformationsquelleAutor Allan Barku
5

N'avez pas besoin de supprimer toutes les node_modules dossier. Juste packages de mise à jour: vue, vue-template-compiler et vue-server-renderer par @latest drapeau et il devrait aider pour n'importe quel cas avec dismatched versions de vue des paquets.

npm i vue-template-compiler@latest --save

npm i vue-server-renderer@latest --save

--save va automatiquement mettre à jour la version de votre package.json fichier. @latest signifie installez la dernière version disponible est la version du paquet. Si vous avez besoin de mettre à jour vue le faire par le même chemin, comme nous le faisons dans l'exemple ci-dessus.

Aussi, vous pouvez toujours vérifier les nouvelles versions mises à jour par la commande: npm outdated. Il vous montre toute la liste des paquets, qui devrait être mis à jour.

Par la voie, npm update commande de mise à jour uniquement mineur et patchs versions, mais il unusles lorsque vous souhaitez mettre à jour majeur version. Par exemple npm update ne sera pas mise à jour 2.4.5 => 3.0.1, mais pouvez mettre à jour
- .. 2.4.5 => 2.6.3 (par exemple)
InformationsquelleAutor Kamil' Ocean
3

Vérifier la dépendance pour vue et de le remplacer avec de l'exacte dans le dev de la dépendance vue-template-compiler.

Pour eg.
```
"dependencies": {
    "vue": "^2.5.2",
},
"devDependencies": {
    "vue-template-compiler": "^2.5.3",
},
```
Doit être remplacé par:
```
"dependencies": {
    "vue": "2.5.2",
},
"devDependencies": {
    "vue-template-compiler": "2.5.2",
},
```
Et exécuter le npm install de nouveau.
- Cela a été la solution pour moi. Les mêmes versions pour à la fois vue et vue-modèle-compilateur et sans le ^
InformationsquelleAutor Bhojendra Rauniyar
3

Ici, vue modèle compilateur compile la vue modèle. Si vous utilisez une vue de la version et de la vue-modèle-compilateur une autre version, qui est un problème.

Exécuter cette commande
```
npm update vue-template-compiler
```
Cela permettra de résoudre le problème et il va installer une vue de modèle compilateur même version comme vue js version.

InformationsquelleAutor Maniruzzaman Akash
3

Essayez ceci : npm install [email protected] --save-dev

La conversion de la vue-template-compiler version de même que vue version (pour ce cas 2.0.8) a travaillé pour moi. Lui donner un essai.
- ce doit être la accepté de répondre. merci!!!!
InformationsquelleAutor G Sangram Patro
2

De la accepté de répondre, au lieu de supprimer node_modules dossier et exécutez de nouveau yarn install, vous pouvez simplement mettre à niveau ces 2 paquets directement:
```
yarn upgrade vue@^2.0.8
yarn upgrade vue-template-compiler@^2.1.8
```
InformationsquelleAutor Billal Begueradj
1

Cela a fonctionné pour moi:
1. Modifier le package.json:
  "vue": "^2.5.2" de "vue": "2.5.*"
2. Supprimer le dossier node_modules
3. Supprime le paquet-lock.json
4. Exécuter npm install
- mayday mayday maydya... je suis encore avoir ce problème
- supprime le paquet-lock.json @ShahidKarimi j'ai édité ma réponse.
InformationsquelleAutor Oscar Intecfra
0

Vous n'avez pas besoin de supprimer le dossier node_modules.

- [email protected] - [email protected]

Mise à jour du paquet avec un numéro de version inférieur. Dans ce cas, npm update vue.
En option, vous pouvez npm update vue-loader trop

InformationsquelleAutor Ajeh Emeke Jnr
0

J'ai utilisé npm install vue --save et qui a fonctionné pour moi

InformationsquelleAutor Diego Herrera

Vous devez vous connecter pour publier un commentaire.