Nuxt 3 で vitest を使用してコンポーネント単体テストを作成するにはどうすればよいですか?

Question

Vue 3 から Nuxt 3 に移行しようとしています。 vitest を使用してコンポーネントの単体テストを作成しました。これらのテストは、Vue アプリケーションでは正常に動作していますが、Nuxt アプリケーションで同じテストを行うと、次のエラーが発生します。 エラー: コンテンツに無効な JS 構文が含まれているため、ソースをインポート分析用に解析できません。

.vue ファイルを処理するには @vitejs/plugin-vue をインストールします。

開発依存関係として

@vitejs/plugin-vue

をインストールしましたが、何も起こりません。 これは私のテスト ファイルの例です:

リーリー

これは私の

package.json

ファイルです: リーリー 自分の何が間違っていたのか分かりません。ご協力をいただければ幸いです。

ここにリンクをコピーします

Answer 1

私もこの問題に遭遇しましたが、Vitest のカスタム Vite プロファイルを使用するだけで問題を解決できました。

package.json ファイル:

リーリー

vitest.config.js ファイル:

リーリー