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.