typescript - Vue: Tidak dapat menemukan modul ~~~ atau deklarasi tipe yang bersesuaian di modul uji Vitest


Saya sedang menggunakan vite dan vitest.

vite.config.ts

export default defineConfig({
  plugins: [vue(), VueDevTools()],
  resolve: {
    alias: [
      {
        find: '@',
        replacement: fileURLToPath(new URL('./src', import.meta.url)),
      },
      {
        find: '@mocks',
        replacement: fileURLToPath(new URL('./mock', import.meta.url)),
      },
    ],
  },
});

vitest.config.ts

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

tsconfig.app.json

{
  "compilerOptions": {
    "paths": {
      "@/*": ["src/*"],
      "@mocks/*": ["mock/*"]
    }
  }
}

Struktur projek

  • akar

    • mengejek/
    • src/
    • ujian/penukar.ujian.ts

Import Alias berfungsi dalam src/.
Sekarang saya mempunyai masalah. dalam converter.test.ts, apabila saya mengimport modul dengan alias, (@/, @mock)
Tidak dapat mencari modul ~~~ atau deklarasi jenis yang bersesuaian.<< telah berlaku.

Adakah saya terlepas sesuatu?

Persekitaran

vue : 3.4.21 vite : 5.1.6

Ujian dan jalankan server berfungsi dengan baik di Intellij. Dan apabila saya Tekan Ctrl + Klik Kiri Tetikus -> Boleh pergi ke fail.

Tetapi mesej ralat dipaparkan dan dalam VSCode, ujian dan jalankan server tidak berfungsi.

Penyelesaian

Saya telah menyelesaikan isu ini. Jawapannya ada dalam tsconfig.app.json

{
  "include": ["src/**/*, "tests/**/*"]
}

This worked to me