Как исправить ошибку «Несоответствие версий пакетов Vue» в Vue js 3
Когда я запускаю npm run dev на своем nuxt js, я получаю следующую ошибку:
FATAL 14:16:02
Vue packages version mismatch:
- [email protected]
- [email protected]
This may cause things to work incorrectly. Make sure to use the same version for both.
Vue packages version mismatch:
- [email protected]
- [email protected]
This may cause things to work incorrectly. Make sure to use the same version for both.
at Object.<anonymous> (node_modules\vue-server-renderer\index.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\@nuxt\vue-renderer\dist\vue-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, но, похоже, моя проблема еще не решена, любая помощь по этому поводу, прошло некоторое время с тех пор, как я пытался это сделать, но до сих пор не дал мне никакого ответа на мою проблему, это произошло, когда я установил 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"
}
}
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 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
большое спасибо, но самый безопасный способ для меня - просто откатиться до последней версии с github, я не могу решить эту проблему, так как она усложняется после того, как я удалю некоторые зависимости, но большое спасибо за ваш ответ, помогающий позже пройти новый проект на @кису
@JansenStanlie да, зависит от того, что у вас уже есть на данный момент. Возможно, вам придется удалить некоторые вещи.
вам нужно установить
@vue/server-rendererвместоvue-server-renderer... обратите внимание, однако, чтоvuetify 2.xНЕ совместим с vue3, поэтому вам также нужно решить эту проблему