Estoy tratando de crear una aplicación básica que pueda servir como base de datos de películas. Estoy siguiendo un tutorial en YouTube ( enlace ) (he llegado a 5:22 en el video)
Estoy atascado golpeándome la cabeza contra la pared porque no puedo hacer que la aplicación se ejecute en un navegador Chrome. En la etapa actual, todo lo que debería ver es una pantalla blanca en blanco.
En cambio, cuando lo ejecuto, veo que Chrome dice "no se puede acceder a este sitio" y "el host local se negó a conectarse"
He intentado TODAS las soluciones posibles que pude encontrar en Internet. Estos son algunos notables:
Estoy ejecutando MacOS y la última versión de React y Visual Studio Code. He adjuntado algunas imágenes para su referencia.
Asegúrese de que su aplicación se esté ejecutando como se indica en el comentario. Si no ha definido "inicio" en su archivo package.json, intente ejecutar node app.js y verifique nuevamente localhost:3000.
Solución a los errores de compilación: Entonces descubrí el problema principal. Había eliminado los archivos index.css y reportWebVitals de mi aplicación de reacción. Hice esto porque el tutorial de YouTube también lo había hecho, supongo que fue para hacerlo un poco más limpio. Al crear una nueva aplicación de reacción, pude seguir cada paso del proceso, pero esta vez me aseguré de mantener los archivos index.css y reportWebVitals y funcionó. No estoy seguro de por qué la aplicación se ejecutó en el tutorial de YouTube y no para mí.
Solución para que el host local no se conecte: seguí las sugerencias de ejecutarlo usando nom start, lo que hizo que el host local se conectara. Anteriormente lo estaba haciendo a través de la opción "iniciar depuración" del código de Visual Studio.