如何修复 Vue js 3 上的“Vue 包版本不匹配”错误

Question

当我在 nuxt js 上运行 npm run dev 时，出现以下错误：

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)

我尝试通过删除节点模块和 npm install 来解决它，但似乎仍然没有解决我的问题，对此有任何帮助，自从我尝试用谷歌搜索它以来已经有一段时间了，但仍然没有给我任何关于我的问题的答案问题，当我安装 github co Pilot 时发生这种情况 这是我的 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 和 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