typescript - Vue: Kan ikke finne modul ~~~ eller dens tilsvarende typerklæringer. i Vitest testmodul


Jeg bruker 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/*"]
    }
  }
}

Prosjektstruktur

  • rot

    • hån/
    • kilde/
    • tester/konverterer.test.ts

Alias-importen fungerer i src/.
Nå har jeg et problem. I converter.test.ts, når jeg importerer modul med alias, (@/, @mock)
Kan ikke finne modul ~~~ eller dets tilsvarende typedeklarasjoner.<< har oppstått.

Gikk jeg glipp av noe?

Miljø

vue: 3.4.21 vite: 5.1.6

Testen og kjøre-serveren fungerer godt i Intellij. Og når jeg trykker Ctrl + venstreklikk -> kan jeg gå til filen.

Men feilmeldingen vises, og i VSCode fungerer verken test eller kjøring av serve.

Løsning

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

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

This worked to me