Preámbulo: La solución efectiva fue borrar node_modules/.vite, y reiniciar el IDE.
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
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 entsconfig.jsonyvite.config.ts.
Actualizar
tsconfig.jsonRevisá la sección
compilerOptions.paths.Ejemplo:
json{ "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["src/*"] } } }Si cambiaste la estructura de carpetas, tenés que ajustar estos paths.
Actualizar
vite.config.tsVite también necesita saber los alias:
tsimport { defineConfig } from "vite"; import tsconfigPaths from "vite-tsconfig-paths"; export default defineConfig({ plugins: [tsconfigPaths()], });O manualmente:
tsresolve: { alias: { "@": "/src", }, }
Limpiar la caché de Vite y TypeScript
Cerrá el servidor de desarrollo.
Borrá la carpeta
node_modules/.vitey cualquier.tsbuildinfoque tengas.Volvé a correr
npm run devopnpm dev.
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:
Publicar un comentario