typescript - Vue: Kan ikke finde modulet ~~~ eller dets tilsvarende typedeclarationer. i Vitest testmodul

Jeg bruger Vite og 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/*"]
    }
  }
}

Projektstruktur

• rod

  • spotte/
  • kilde/
  • tests/konverter.test.ts

Alias-importen fungerer i src/.
Nu har jeg et problem. I converter.test.ts, når jeg importerer modul med alias, (@/, @mock)
Kan ikke finde modul ~~~ eller dets tilsvarende typedeklarationer.<< er opstået.

Gik jeg glip af noget?

Miljø

vue: 3.4.21 vite: 5.1.6

Testen og kør serveren fungerer godt i Intellij. Og når jeg trykker Ctrl + venstreklik med musen -> kan gå til filen.

Men fejlmeddelelsen vises, og i VSCode virker test og kør server ikke.

Løsning

Jeg løste dette problem. Svaret var i tsconfig.app.json

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

This worked to me