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