nuxt3に@nuxtjs/composition-apiをインストールする方法を知っている人はいますか?

Question

<p>以前に Nuxt 2 プロジェクトがありましたが、そこにインストールされている「@nuxtjs/composition-api」パッケージのバージョンは「^0.33.1」でした。次に、Nuxt のバージョンを 2.5 から 3.6.2 に変更する必要があります。この問題の解決を手伝っていただければ、大変感謝いたします。 </p><p>変更を加えましたが、yarn dev コマンドを実行すると現在エラーが発生します。 </p>

<pre class="brush:php;toolbar:false;">依存関係の更新中にエラー エラーが発生しました: 4:36:09 PM エラー: ビルドは 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>ドキュメントはどこで見つかりますか (((、このパッケージを削除すると、 import {onMounted, computed, useRoute, useContext, ref} を "@nuxtjs/composition-api" からインポートするときにエラーが発生します。< /p>

Answer 1

@nuxtjs/composition-api パッケージは、Composition API 機能を Vue2 に戻しますが、Nuxt3 は Vue3 上に構築されているため、これは必要なくなりました。この問題を解決するには、package.json と依存関係からパッケージを削除する必要があります。Nuxt は自動インポートを介してこれを処理するため、インポートなしで関連する複合 API 関数 (ref、computed など) を直接使用できるようになります。詳細については、次のリンクをご覧ください:

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

これが Nuxt 3 への移行に役立つことを願っています :)