我正在根據此處提到的代碼開發Drawflow應用程式。當我安裝包并啟動應用程式時，我收到錯誤訊息：Vuejs/Nuxtjselement-plus
Vue packages version mismatch:
- [email protected]
- [email protected]
如果我洗掉該包，則一切正常。
我根據各種答案中提到的評論嘗試了以下內容：
- 洗掉
node_modules并package-lock.json重新安裝npm install。 - 跑過
npm audit fix --force - 跑過
npm update
但沒有什么對我有用。有人可以讓我知道我需要做什么才能避免出現此錯誤并使一切正常作業嗎？
完全錯誤來自terminal：
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.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: │
│ │
│ - [email protected] │
│ - [email protected] │
│ │
│ 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"
}
}
uj5u.com熱心網友回復：
Element 是一個Vue3 UI 庫，所以它確實不兼容 Nuxt2（使用 Vue2）。因此，您收到錯誤的原因是：它與 Vue2 不兼容。
同時，Element與 Vue2 完全兼容，可能是一個不錯的選擇。
順便說一句，你需要完全使用這個嗎？當涉及到與 Vue2 和 Vue3 兼容的CSS 框架時，有很多選擇。不是所有的都這樣，但大多數都這樣。
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/364716.html