Erreurs courantes

Impossible de trouver le module './chemin relatif'

Si vous rencontrez une erreur indiquant qu'un module est introuvable, plusieurs causes sont possibles :

• 1. Chemin d'accès incorrect : Vérifiez attentivement l'orthographe et la validité du chemin d'accès au module.
• 2. Dépendance de baseUrl dans tsconfig.json : Par défaut, Vite ignore le fichier tsconfig.json. Si votre projet utilise baseUrl pour la résolution des modules, vous devez installer et configurer vite-tsconfig-paths.

import { defineConfig } from 'vitest/config';
import tsconfigPaths from 'vite-tsconfig-paths';

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

Sinon, modifiez le chemin d'accès pour qu'il ne soit plus relatif à la racine du projet :

- import helpers from 'src/helpers'
+ import helpers from '../src/helpers'

• 3. Alias relatifs : Évitez d'utiliser des alias relatifs. Vite les interprète comme étant relatifs au fichier d'importation, et non à la racine du projet.

import { defineConfig } from 'vitest/config'

export default defineConfig({
  test: {
    alias: {
-     '@/': './src/',
+     '@/': new URL('./src/', import.meta.url).pathname,
    }
  }
})