typescript - Vue: Kan module ~~~ of de bijbehorende typeverklaringen niet vinden. in Vitest testmodule

Ik gebruik Vite en 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/*"]
    }
  }
}

Projectstructuur

• wortel

  • spottend/
  • src/
  • tests/converter.test.ts

De Alias-import werkt in src/.
Nu heb ik een probleem. In converter.test.ts, wanneer ik een module importeer met alias, (@/, @mock)
Kan module ~~~ of de bijbehorende typeverklaringen niet vinden.<< is opgetreden.

Heb ik iets gemist?

Omgeving

vue : 3.4.21 vite : 5.1.6

De test- en runservers werken goed in Intellij. En wanneer ik Ctrl + Linkermuisknop klik -> kan ik naar het bestand gaan.

Maar het foutbericht wordt weergegeven en in VSCode werken test en run serve niet.

Oplossing

Ik heb dit probleem opgelost. Het antwoord stond in tsconfig.app.json

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

This worked to me