如何修復 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一个>