🍮

Quasar×Vite 6でVitestが導入できない場合の対処法

2025/02/07に公開

主訴

Quasar公式の手段でVitestを導入することを試みる。以下のコマンドを実行したところ正常に終了するが、vitest.config.mtsPlugins周りでtsエラーが発生する。

quasar ext add @quasar/testing-unit-vitest
Type 'PluginOption[]' is not assignable to type 'PluginOption'.
Type 'Plugin<Api>' is not assignable to type 'PluginOption'

原因調査

yarn.lockを確認すると、Viteが複数バージョン(今回の場合5系と6系)が入っている。quasar/testing-unit-vitestがVite 6、すなわちVitest 3に対応しておらず、Vitest 2を追加していると思われる。

対処

@quasar/testing-unit-vitestを導入せず、以下のパッケージを手動で導入する。

  • vitest 3系
  • vite-tsconfig-paths
  • @vue/test-utils

以上により、@quasar/testing-unit-vitestで生成されるコードをほぼ変更なしにvitest 3を実行可能となる。

最後に

@quasar/testing-unit-vitestVitest 3対応を待たれたい。
その他の対処法があればぜひコメントにてお知らせください。

フォロー、Xのフォローもよろしくお願いいたします。
https://x.com/Kouki__Ito

Discussion