Nuxt.js를 설치할 때 발생하는 Vue 패키지 버전 불일치 오류를 해결하는 방법

Question

npx nuxt init nuxt3-demo 명령을 사용하고 npm install을 실행하여 Nuxt.js v3.4.2를 설치하려고 합니다. 그러나 다음과 같은 오류 메시지가 나타났습니다.

오류: Vue 패키지 버전 불일치:
- vue@3.2.40
- vue-server-renderer@2.7.10
이로 인해 제대로 작동하지 않을 수 있습니다. 두 가지 모두 동일한 버전을 사용해야 합니다.

'vue' 패키지 업데이트를 시도했지만 문제가 해결되지 않았습니다. 내 package.json 파일은 다음과 같습니다.

{
    "이름": "nuxt-app",
    "비공개": 사실,
    "스크립트": {
      "build": "다음 빌드",
      "dev": "nuxt dev",
      "generate": "다음 생성",
      "preview": "다음 미리보기",
      "postinstall": "다음 준비"
    },
    "devDependency": {
      "@types/node": "^18",
      "nuxt": "^3.4.2"
    }
  }

이 오류에 대한 해결책을 제공할 수 있는 사람이 있나요?

Answer 1

해결책으로 다음을 수행할 수 있습니다.

1 - "node_modules" 폴더와 "package-lock.json" 파일을 삭제한 후 npm install를 시도해 보세요.

2 - yarn install을 시도해 보세요.

3 - 새 버전 v3.4.3을 사용해 보세요.

왕진님 말씀대로 해명을 요청해서 수정했습니다. 그러나 문제의 성격과 재현의 어려움을 고려하여 최소 재현 가능한 예를 제공하는 것이 좋을 것입니다.