Bagaimana untuk membetulkan ralat "Vue package version mismatch" pada Vue js 3

Question

Apabila saya menjalankan npm run dev pada nuxt js, saya mendapat ralat berikut:

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)

Saya cuba menyelesaikannya dengan mengalih keluar modul nod dan pemasangan npm tetapi nampaknya masih tidak menyelesaikan masalah saya, apa-apa bantuan mengenai perkara ini, sudah lama saya cuba googling tetapi masih tidak memberi saya apa-apa tentang Jawapan kepada soalan saya Masalah, ini berlaku apabila saya memasang github co Pilot Inilah rupa pakej.json saya

{
  "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 dan Vue3 tidak serasi, seseorang akan menggunakan versi pakej yang tidak serasi dengan yang lain.

Nuxt2 hanya untuk kegunaan Vue2 sahaja. Jika anda ingin menggunakan Vue3, anda perlu menggunakan Nuxt3.

Tetapi jika anda menggunakan Nuxt (2 atau 3), anda tidak perlu memasang Vue kerana ia sudah terbina dalam Nuxt.

Amat penting untuk menyemak sama ada pakej yang anda gunakan serasi dengan versinya.

Memasang semula pakej tidak akan membetulkan apa-apa, atas sebab mudah package.json anda masih buggy (sesetengah versi pakej tidak serasi dengan versi pakej lain) dan sedang menunggu pembetulan: pilih versi yang berfungsi bersama

Selain itu, anda juga boleh mengalih keluar vue-server-renderer IMO kerana ia mungkin bergantung kepada pakej lain.

PS: Juruterbang bersama Github tidak penting. Dotenv tidak memerlukan pemasangan kerana ia sudah terbina dalam Nuxt. Dan anda mungkin tidak sepatutnya memasang Vuetify dan modul dengan nama yang sama pada masa yang sama. Anda juga mempunyai eslint-config-prettier, tetapi nampaknya tidak menggunakan ESlint sama sekali.

Anda boleh mengkonfigurasi ESlint + Prettier dengan betul menggunakan jawapan ini: https://stackoverflow.com/a/68880413/8816585一个>