¿Por qué la extensión del servidor en vivo muestra las carpetas de React en lugar de ejecutar el código en el navegador?
Esta imagen describe mi problema
Hola chicos, tuve este problema cuando lancé mi proyecto de React con la extensión de Live Server. Mostraba las carpetas del proyecto en lugar de ejecutar la aplicación. He eliminado la extensión de Live Server y la he vuelto a instalar, pero sigo teniendo el mismo problema. Cuando lo ejecuto desde la terminal con el comando “npm run start” funciona bien, por favor guíenme porque he leído y probado soluciones estando en este enlace pero no funciona.
davy.ai
Solución
Basado en la imagen proporcionada, parece que el problema está en la configuración de Live Server en Visual Studio Code.
Aquí te explico cómo puedes solucionarlo:
Haz clic en el botón “Go Live” que se encuentra en la esquina inferior derecha de la pantalla.
Una vez que hagas clic en él, se abrirá una nueva pestaña en tu navegador web predeterminado donde podrás ver tu aplicación de React.
Si el método anterior no funciona, prueba lo siguiente:
En las configuraciones, asegúrate de que el directorio “root” esté configurado con la carpeta correcta que contiene tu aplicación de React.
Guarda los cambios e intenta abrir el proyecto con Live Server nuevamente.
Si ninguno de los métodos anteriores funciona, considera utilizar una extensión alternativa o ejecutar la aplicación utilizando el comando del terminal “npm run start”.
Espero que esto te ayude a resolver el problema. ¡No dudes en preguntar si tienes alguna otra duda!