Mostrando entradas con la etiqueta vite cache. Mostrar todas las entradas
Mostrando entradas con la etiqueta vite cache. Mostrar todas las entradas

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)?