我正在基于这里提到的代码使用Vuejs/Nuxtjs
开发Drawflow
应用程序。当我安装包element-plus
并启动应用程序时,我会收到错误:
Vue packages version mismatch:
- vue@3.2.22
- vue-server-renderer@2.6.14
如果我去掉那个包裹,一切都会好起来的。
根据各种答案中提到的评论,我尝试了以下内容:
- 删除
node_modules
和package-lock.json
,然后使用npm install
重新安装 - 运行
npm audit fix --force
- 运行
npm update
但对我来说什么都不起作用。有人能告诉我需要做什么吗?这样我就不会出现这个错误,让一切正常工作吗?
来自terminal
:的完全错误
Vue packages version mismatch:
- vue@3.2.22
- vue-server-renderer@2.6.14
This may cause things to work incorrectly. Make sure to use the same version for both.
Vue packages version mismatch:
- vue@3.2.22
- vue-server-renderer@2.6.14
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.o._compile (node_modules/jiti/dist/v8cache.js:2:2778)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
at Module.load (internal/modules/cjs/loader.js:928:32)
at Function.Module._load (internal/modules/cjs/loader.js:769:14)
at Module.require (internal/modules/cjs/loader.js:952:19)
at n (node_modules/jiti/dist/v8cache.js:2:2472)
at Object.<anonymous> (node_modules/@nuxt/vue-renderer/dist/vue-renderer.js:19:27)
at Module.o._compile (node_modules/jiti/dist/v8cache.js:2:2778)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
╭────────────────────────────────────────────────────────────────────────────────────────────╮
│ │
│ ✖ Nuxt Fatal Error │
│ │
│ Error: │
│ │
│ Vue packages version mismatch: │
│ │
│ - vue@3.2.22 │
│ - vue-server-renderer@2.6.14 │
│ │
│ This may cause things to work incorrectly. Make sure to use the same version for both.
以下是我完整的package.json
文件:
{
"name": "my-project",
"version": "1.0.0",
"private": true,
"scripts": {
"dev": "nuxt",
"build": "nuxt build",
"start": "nuxt start",
"generate": "nuxt generate",
"lint:js": "eslint --ext ".js,.vue" --ignore-path .gitignore .",
"lint": "npm run lint:js"
},
"dependencies": {
"@element-plus/icons": "^0.0.11",
"@nuxtjs/axios": "^5.13.6",
"@nuxtjs/dotenv": "^1.4.1",
"bootstrap": "^4.6.0",
"bootstrap-vue": "^2.21.2",
"core-js": "^3.15.1",
"drawflow": "^0.0.52",
"element-plus": "^1.2.0-beta.3",
"nuxt": "^2.15.8",
"url-loader": "^4.1.1",
"vue-multiselect": "^2.1.6"
},
"devDependencies": {
"@babel/eslint-parser": "^7.14.7",
"@nuxtjs/eslint-config": "^6.0.1",
"@nuxtjs/eslint-module": "^3.0.2",
"@types/drawflow": "^0.0.3",
"eslint": "^7.29.0",
"eslint-plugin-nuxt": "^2.0.0",
"eslint-plugin-vue": "^7.12.1"
}
}
Element+是一个Vue3UI库,因此它确实与Nuxt2不兼容(使用Vue2(。因此,您会出现错误:它与Vue2不兼容。
同时,Element与Vue2完全兼容,可能非常适合。
顺便说一句,你需要用这个吗?当涉及到兼容Vue2和Vue3的CSS框架时,有很多选择。不是所有的都是,但大多数都是。