반응형
Nuxtjs: Vue 패키지 버전이 일치하지 않음: vue@3.2.22 및 vue-server-renderer@2.6.14
개발 중입니다.Drawflow응용 프로그램 사용Vuejs/Nuxtjs여기에 언급된 코드를 기반으로 합니다.패키지를 설치할 때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+는 Vue3 UI 라이브러리이므로 실제로 Nuxt2(Vue2 사용)와 호환되지 않습니다.따라서 Vue2와 역호환성이 없기 때문에 오류가 발생합니다.
한편, Element는 Vue2와 완전히 호환되므로 적합할 수 있습니다.
이거 꼭 써야 돼요?Vue2와 Vue3의 양쪽 모두에 대응하는 CSS 프레임워크에는 많은 선택지가 있습니다.모든 것이 그렇지는 않지만, 대부분은 그렇다.
언급URL : https://stackoverflow.com/questions/70053468/nuxtjs-vue-packages-version-mismatch-vue3-2-22-and-vue-server-renderer2-6-14
반응형
'programing' 카테고리의 다른 글
| 1개의 스위치 케이스 스테이트먼트에 2개의 값 사용 (0) | 2022.07.20 |
|---|---|
| vue를 사용하여 Axios 응답 후 리디렉션 (0) | 2022.07.20 |
| printStackTrace를 문자열에 저장하는 방법 (0) | 2022.07.20 |
| 버튼이나 링크 없이 페이지 로드 시 Bootstrap-vue 모드를 트리거하려면 어떻게 해야 합니까? (0) | 2022.07.20 |
| assert()에 대한 콜을 완전히 디세블로 하려면 어떻게 해야 합니까? (0) | 2022.07.20 |