Nuxt ビルド エラー: TypeError: 未定義であるため、プロパティ 'nuxt' の 'this' を構造化できません

Question

新しい Nuxt プロジェクトを作成して、https://nuxtjs.org/docs/get-started/installation の手順に従いたいと考えています。基本的には npm init nuxt-app@latest .

を実行するだけです。

セットアップを完了した後 (UI として Tailwind を選択しました)、npm run dev を実行しましたが、「このままでは「this」のプロパティを構造化できません」nuxt でビルドしようとするとクラッシュしました。 " '" 定義されていません。 「

これは完全なスタックです:

リーリー

nuxt.config.js の buildModules に '@nuxtjs/tailwindcss' を含めないとエラーは解消されることがわかりましたが、必要な tailwind 構成ファイルは作成されませんでした。また、エラーの原因となる postcss8Module のindex.js の行は const { nuxt } = this です。何らかの理由で this は未定義です。

Answer 1

このエラーは、最近の Nuxt 3 バージョン から発生しており、create-nuxt-app Github にあります。

Create-nuxt-app はまだ Nuxt 3 と互換性がありません。したがって、現時点では Nuxt 3 と Tailwind CSS を手動でインストールする必要があります:

リーリー

これで、アプリケーションを期待どおりに実行できるようになります:

リーリー

Answer 2

こんにちは、申し訳ありませんが、これについてコメントできる十分な担当者がいませんが、この問題も追跡中であることをお伝えしたいと思います。 https://github.com/nuxt/framework/issues/9115 Nuxt 2 の場合