有人知道如何在nuxt3中安裝@nuxtjs/composition-api嗎？

Question

我之前有一個Nuxt 2項目，其中安裝了"@nuxtjs/composition-api"包的版本是"^0.33.1"。現在我需要將Nuxt版本從2.5更改為3.6.2。如果你能幫我解決這個問題，我將非常感激。

我已經進行了更改，但目前在運行yarn dev命令時遇到了錯誤。

ERROR error while updating dependencies: 4:36:09 PM
Error: Build failed with 3 errors:
node_modules/@nuxtjs/composition-api/dist/runtime/index.mjs:1:175: ERROR: No matching export in "node_modules/vue/dist/vue.runtime.esm-bundler.js" for import "set"
node_modules/@nuxtjs/composition-api/dist/runtime/index.mjs:2:30: ERROR: No matching export in "node_modules/vue/dist/vue.runtime.esm-bundler.js" for import "del"
node_modules/@nuxtjs/composition-api/dist/runtime/index.mjs:2:409: ERROR: No matching export in "node_modules/vue/dist/vue.runtime.esm-bundler.js" for import "set"
    at failureErrorWithLog (C:UsersskyWebtestfrontendnode_modulesvitenode_modulesesbuildlibmain.js:1636:15)
    在 C:UsersskyWebtestfrontendnode_modulesvitenode_modulesesbuildlibmain.js:1048:25
    在 C:UsersskyWebtestfrontendnode_modulesvitenode_modulesesbuildlibmain.js:1512:9
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)

我在哪裡找不到文件(((，如果我移除這個包，我在導入時會出現錯誤import {onMounted, computed, useRoute, useContext, ref} from "@nuxtjs/composition-api" 。

Answer 1

@nuxtjs/composition-api套件將Composition API功能回溯到Vue2，然而這已經不再需要，因為Nuxt3是基於Vue3建構的。為了解決這個問題，你應該從package.json和依賴中刪除該套件，並且可以直接使用相關的Composition API函數（ref、computed等），無需進行任何導入，因為Nuxt現在透過自動導入來處理這個問題。你可以透過以下連結了解更多：

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

希望這能幫助你遷移到Nuxt 3 :)