Comment corriger l'erreur « Incompatibilité de version du package Vue » sur Vue js 3

Question

Lorsque j'exécute npm run dev sur nuxt js, j'obtiens l'erreur suivante :

FATAL                                                                                                                                                          14:16:02  

Vue packages version mismatch:

- vue@3.2.40
- vue-server-renderer@2.7.12

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



  Vue packages version mismatch:

  - vue@3.2.40
  - vue-server-renderer@2.7.12

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

  at Object.<anonymous> (node_modulesvue-server-rendererindex.js:8:9)
  at Module._compile (node:internal/modules/cjs/loader:1126:14)
  at Object.Module._extensions..js (node:internal/modules/cjs/loader:1180:10)
  at Module.load (node:internal/modules/cjs/loader:1004:32)
  at Function.Module._load (node:internal/modules/cjs/loader:839:12)
  at Module.require (node:internal/modules/cjs/loader:1028:19)
  at require (node:internal/modules/cjs/helpers:102:18)
  at Object.<anonymous> (node_modules@nuxtvue-rendererdistvue-renderer.js:20:27)
  at Module._compile (node:internal/modules/cjs/loader:1126:14)
  at Object.Module._extensions..js (node:internal/modules/cjs/loader:1180:10)

J'ai essayé de le résoudre en supprimant les modules de nœuds et en installant npm mais cela ne semble toujours pas résoudre mon problème, aucune aide à ce sujet, cela fait un moment que je n'ai pas essayé de le rechercher sur Google mais cela ne me donne toujours rien sur la réponse à ma question Problème, cela se produit lorsque j'installe github co Pilot Voici à quoi ressemble mon package.json

{
  "name": "cashier",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "nuxt generate"
  },
  "dependencies": {
    "@nuxtjs/axios": "^5.13.6",
    "@nuxtjs/i18n": "^7.2.2",
    "core-js": "^3.15.1",
    "dotenv": "^16.0.2",
    "jwt-decode": "^3.1.2",
    "nuxt": "^2.13.3",
    "vue": "^3.2.40",
    "vue-google-charts": "^1.1.0",
    "vue-server-renderer": "^2.7.12",
    "vuetify": "^2.5.5",
    "vuex-persistedstate": "^4.1.0"
  },
  "devDependencies": {
    "@nuxtjs/vuetify": "^1.12.1",
    "eslint-config-prettier": "^8.3.0",
    "prettier": "^2.3.2"
  }
}

Answer 1

Nuxt2 et Vue3 sont incompatibles, l'un utilisera une version du package incompatible avec l'autre.

Nuxt2 est de toute façon uniquement destiné à une utilisation avec Vue2. Si vous souhaitez utiliser Vue3, vous devez utiliser Nuxt3.

Mais si vous utilisez Nuxt (2 ou 3), vous n'avez pas besoin d'installer Vue car il est déjà intégré à Nuxt.

Il est très important de vérifier si le package que vous utilisez est compatible avec sa version.

Réinstaller le package ne résoudra rien, pour la simple raison que votre package.json est toujours buggé (certaines versions du package sont incompatibles avec d'autres versions du package) et attend un correctif : choisissez les versions qui fonctionnent ensemble

.

De plus, vous pouvez même supprimer vue-server-renderer IMO car il pourrait s'agir d'une dépendance d'un autre package.

PS : le copilote de Github n'a pas d'importance. Dotenv ne nécessite pas d'installation car il est déjà intégré à Nuxt. Et vous ne devriez probablement pas installer Vuetify et un module du même nom en même temps. Vous avez également eslint-config-prettier, mais apparemment, vous n'utilisez pas du tout ESlint.

Vous pouvez configurer ESlint + Prettier correctement en utilisant cette réponse : https://stackoverflow.com/a/68880413/8816585