nuxt3에 @nuxtjs/composition-api를 설치하는 방법을 아는 사람이 있나요?

Question

<p>이전에 설치된 "@nuxtjs/composition-api" 패키지 버전이 "^0.33.1"인 Nuxt 2 프로젝트가 있었습니다. 이제 Nuxt 버전을 2.5에서 3.6.2로 변경해야 합니다. 이 문제를 해결하는 데 도움을 주시면 매우 감사하겠습니다. </p><p>변경을 했지만 현재 Yarn dev 명령을 실행할 때 오류가 발생합니다.

<pre class="brush:php;toolbar:false;">종속성 업데이트 중 오류 오류: 오후 4:36:09 오류: 3개 오류로 인해 빌드가 실패했습니다. node_modules/@nuxtjs/composition-api/dist/runtime/index.mjs:1:175: 오류: "set" 가져오기에 대해 "node_modules/vue/dist/vue.runtime.esm-bundler.js"에 일치하는 내보내기가 없습니다. node_modules/@nuxtjs/composition-api/dist/runtime/index.mjs:2:30: 오류: "del" 가져오기에 대해 "node_modules/vue/dist/vue.runtime.esm-bundler.js"에 일치하는 내보내기가 없습니다. node_modules/@nuxtjs/composition-api/dist/runtime/index.mjs:2:409: 오류: "set" 가져오기에 대해 "node_modules/vue/dist/vue.runtime.esm-bundler.js"에 일치하는 내보내기가 없습니다. failureErrorWithLog(C:UsersskyWebtestfrontendnode_modulesvitenode_modulesesbuildlibmain.js:1636:15)에서 C:UsersskyWebtestfrontendnode_modulesvitenode_modulesesbuildlibmain.js:1048:25 C:UsersskyWebtestfrontendnode_modulesvitenode_modulesesbuildlibmain.js:1512:9 process.processTicksAndRejections(node:internal/process/task_queues:95:5)</pre> <p>문서(((, 이 패키지를 제거하면 "@nuxtjs/composition-api"에서 import {onMounted, Computed, useRoute, useContext, ref}를 가져올 때 오류가 발생합니다.< /p>

Answer 1

@nuxtjs/composition-api 패키지는 Composition API 기능을 Vue2에 다시 제공하지만 Nuxt3는 Vue3을 기반으로 구축되었으므로 더 이상 필요하지 않습니다. 이 문제를 해결하려면 package.json 및 종속성에서 패키지를 제거해야 하며, Nuxt가 이제 자동 가져오기를 통해 이를 처리하므로 가져오기 없이 관련 Composition API 함수(ref, 계산 등)를 직접 사용할 수 있습니다. 다음 링크에서 자세히 알아볼 수 있습니다:

https://nuxt.com/docs/guide/concepts/auto-imports

이 정보가 Nuxt 3으로 마이그레이션하는 데 도움이 되기를 바랍니다 :)