如何修复 Vue js 3 上的"Vue packages version mismatch"错误



当我在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安装来解决它,但它似乎仍然没有解决我的问题,对此有任何帮助,我已经有一段时间没有尝试谷歌它了,但仍然没有给我任何问题的答案,这发生在我安装github co-pilot时这是我的包.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"
}
}

Nuxt2和Vue3不兼容,其中一个将使用与另一个不兼容的包版本。

无论如何,Nuxt2只是用于Vue2。如果你想使用Vue3,你需要使用Nuxt3。

但是,如果您使用Nuxt(2或3(,则不需要安装Vue,因为它已经嵌入到Nuxt中。

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

重新安装程序包不会修复任何问题,原因很简单,即您的package.json仍然错误(某些程序包版本与其他程序包版本不兼容(,正在等待修复:选择可以协同工作的版本。

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

附言:Github副驾驶没有关联。Dotenv不需要安装,因为它已经嵌入到Nuxt中了。您可能不应该同时安装Vuetify和同名模块。您也有eslint-config-prettier,但显然根本不使用ESlint。

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

最新更新