So beheben Sie den Fehler „Vue-Paketversionskonflikt“ auf Vue js 3

Question

Wenn ich npm run dev auf nuxt js ausführe, erhalte ich die folgende Fehlermeldung:

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)

Ich habe versucht, das Problem zu lösen, indem ich Knotenmodule entfernt und npm installiert habe, aber es scheint mein Problem immer noch nicht zu lösen. Helfen Sie mir dabei. Es ist schon eine Weile her, seit ich versucht habe, es zu googeln, aber ich bekomme immer noch nichts über die Antwort auf Meine Frage: Problem, das passiert, wenn ich Github Co Pilot installiere So sieht meine package.json aus

{
  "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 和 Vue3 不兼容，其中一个将使用与另一个不兼容的包版本。

无论如何，Nuxt2 仅适用于 Vue2 使用。如果你想使用Vue3，你需要使用Nuxt3。

但是如果您使用 Nuxt（2 或 3），则不需要安装 Vue，因为它已经内置到 Nuxt 中。

检查您使用的软件包是否与其版本兼容非常重要。

重新安装软件包不会修复任何问题，原因很简单，您的 package.json 仍然错误（某些软件包版本与其他软件包版本不兼容），正在等待修复：选择可以一起工作的版本.

此外，您甚至可以删除 vue-server-renderer IMO，因为它可能是另一个包的依赖项。

PS：Github副驾驶没有关系。 Dotenv 不需要安装，因为它已经内置到 Nuxt 中。而且您可能不应该同时安装 Vuetify 和同名模块。您还拥有 eslint-config-prettier，但显然根本不使用 ESlint。

您可以使用此答案正确配置 ESlint + Prettier：https://stackoverflow.com/a/68880413/8816585