Introducción: Al intentar iniciar el servidor de desarrollo tras crear un nuevo proyecto React con Vite puede aparecer el error Cannot find package vite-tsconfig-paths al cargar vite.config.ts.
Problema: El plugin vite-tsconfig-paths está importado en vite.config.ts pero no está instalado en node_modules, por eso Vite falla al arrancar y muestra el error Cannot find package vite-tsconfig-paths.
Solución 1 Si quieres usar vite-tsconfig-paths instala el paquete con:
npm install vite-tsconfig-paths -D o yarn add -D vite-tsconfig-paths
Después, configura vite.config.ts añadiendo el plugin, por ejemplo:
import { defineConfig } from vite; import react from @vitejs/plugin-react; import tsconfigPaths from vite-tsconfig-paths; export default defineConfig({ plugins: [react(), tsconfigPaths()] });
Solución 2 Si no necesitas el plugin simplemente elimina la importación y quita tsconfigPaths de la lista de plugins. Por ejemplo:
elimina import tsconfigPaths from vite-tsconfig-paths; y usa plugins: [react()]
Conclusión: El error se ocasiona por un plugin referenciado en vite.config.ts que no está instalado. La corrección es instalar el paquete o remover la referencia del archivo de configuración.
Sobre Q2BSTUDIO Somos Q2BSTUDIO, empresa de desarrollo de software y aplicaciones a medida especializada en software a medida, aplicaciones a medida, inteligencia artificial, ciberseguridad, servicios cloud aws y azure, servicios inteligencia de negocio, ia para empresas, agentes IA y power bi. Ofrecemos soluciones integrales y a medida como Desarrollo de aplicaciones y software a medida y proyectos de inteligencia artificial para empresas que incorporan analítica, automatización y ciberseguridad para impulsar su negocio.