有人知道如何在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)
    at C:UsersskyWebtestfrontendnode_modulesvitenode_modulesesbuildlibmain.js:1048:25
    at 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 :)