よくあるエラー

モジュール './relative-path' が見つかりません

モジュールが見つからないというエラーが表示される場合、いくつかの原因が考えられます。

• 1. パスの記述に誤りがある可能性があります。パスが正しいか再度確認してください。
• 2. tsconfig.json の baseUrl に依存している可能性があります。Vitest はデフォルトでは tsconfig.json の設定を読み込まないため、この機能を利用する場合は、vite-tsconfig-paths を別途インストールする必要があります。

import { defineConfig } from 'vitest/config';
import tsconfigPaths from 'vite-tsconfig-paths';

export default defineConfig({
  plugins: [tsconfigPaths()],
});

または、パスをルート相対パスではなく、相対パスで記述してください。

- import helpers from 'src/helpers'
+ import helpers from '../src/helpers'

• 3. 相対エイリアスが正しく設定されているか確認してください。Vitest は、インポートパスをプロジェクトルートからのパスではなく、インポート元のファイルからの相対パスとして扱います。

import { defineConfig } from 'vitest/config'

export default defineConfig({
  test: {
    alias: {
-     '@/': './src/',
+     '@/': new URL('./src/', import.meta.url).pathname,
    }
  }
})