viernes, 27 de febrero de 2026

Caché de Vite

 Preámbulo: La solución efectiva fue borrar node_modules/.vite, y reiniciar el IDE.


En mi proyecto ha cambiado la ruta de un import Typescript. Sin embargo, con el sistema Vite en funcionamiento, el Typescript que hace la importación sigue apuntando a la ruta vieja. Por supuesto esto genera un error.

Lo que te está pasando es bastante común cuando se cambia la ruta de un import en un proyecto con Vite + TypeScript: el compilador de TS sigue apuntando a la ruta vieja porque la caché o la configuración no se actualizó del todo.

📌 Pasos para resolverlo

  1. Verificar el import en el código

    • Asegurate de que el archivo realmente está importando desde la nueva ruta.

    • Si usás alias (@/components/...), revisá que estén bien configurados en tsconfig.json y vite.config.ts.

  2. Actualizar tsconfig.json

    • Revisá la sección compilerOptions.paths.

    • Ejemplo:

      json
      {
        "compilerOptions": {
          "baseUrl": ".",
          "paths": {
            "@/*": ["src/*"]
          }
        }
      }
      
    • Si cambiaste la estructura de carpetas, tenés que ajustar estos paths.

  3. Actualizar vite.config.ts

    • Vite también necesita saber los alias:

      ts
      import { defineConfig } from "vite";
      import tsconfigPaths from "vite-tsconfig-paths";
      
      export default defineConfig({
        plugins: [tsconfigPaths()],
      });
      
    • O manualmente:

      ts
      resolve: {
        alias: {
          "@": "/src",
        },
      }
      
  4. Limpiar la caché de Vite y TypeScript

    • Cerrá el servidor de desarrollo.

    • Borrá la carpeta node_modules/.vite y cualquier .tsbuildinfo que tengas.

    • Volvé a correr npm run dev o pnpm dev.

  5. Revisar el editor/IDE

    • A veces VSCode mantiene referencias viejas en su caché interna.

    • Reiniciá el editor o ejecutá Developer: Reload Window.

✅ Conclusión

El error ocurre porque TypeScript y Vite no están alineados en la nueva ruta. Ajustá tsconfig.json y vite.config.ts, limpiá cachés y reiniciá el servidor/editor. Con eso, los imports deberían apuntar correctamente a la ruta nueva.

¿Querés que te arme un checklist rápido para que lo ejecutes paso a paso y confirmes dónde está el problema (alias, caché, o import directo)?

No hay comentarios: