vitestで Error: Failed to load url ... Does the file exist? と表示される

Honoを使ったプロジェクトでvitestを実行しようとしたところ、以下のようなエラーが表示された。

Error: Failed to load url @/domain/entities/todo (resolved id: @/domain/entities/todo) in /Users/taiyaki/dev/practice-clean-architecture/tests/domain/entities/todo.test.ts. Does the file exist?

どうやらtsconfig.jsonのpathsがうまく読み取れていない様子。

調べてみると公式サイトに以下の記述があった。

Vite doesn't take into account tsconfig.json by default

（Vite はデフォルトでは tsconfig.json を考慮しません。）

解決策としては、以下のパッケージを使うと良いとのこと。

vite-tsconfig-paths
https://www.npmjs.com/package/vite-tsconfig-paths

まずはインストール。

npm i -D vite-tsconfig-paths

vitest.config.tsをプロジェクトルートに作成して以下を追記。

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

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

再度テストを実行したところ以下が表示された。

Error [ERR_REQUIRE_ESM]: require() of ES Module /Users/taiyaki/dev/practice-clean-architecture/node_modules/vite-tsconfig-paths/dist/index.js from /Users/taiyaki/dev/practice-clean-architecture/vitest.config.ts not supported.

公式をよくみるとこんな記述も。

Ensure the project either has "type": "module" set or that the Vite config is renamed to vite.config.mjs / vite.config.mts depending on whether TypeScript is used

（プロジェクトに "type": "module" が設定されているか、または Vite の設定ファイルが TypeScript を使用しているかに応じて vite.config.mjs または vite.config.mts にリネームされていることを確認してください）

ということで、package.jsonに以下の行を追加。

"type": "module"

以上で無事にテストが実行できました。