Soy un novato que usa create-react-app para crear una aplicación, yarn start el servidor en http://localhost:3000/ , no puedo visitar esta URL en mi dispositivo móvil. ¿Cómo puedo hacer algunas configuraciones para obtener una vista previa de la aplicación en mi móvil?
Primero, recuerda que puedes abrir una vista móvil en un navegador de escritorio (al menos en Chrome y Firefox). Vea el artículo para más. No reemplaza las pruebas en un dispositivo móvil real, pero puede ayudarlo a identificar problemas más obvios.
En segundo lugar, debe usar la dirección IP de su computadora en su red local (suponiendo que su dispositivo móvil esté en la misma red que su computadora de escritorio). En Linux y Mac, puede verificar su IP con ifconfig o usando ipconfig en Windows. localhost siempre se refiere a la máquina actual, es decir, localhost en su escritorio apunta a su escritorio y en su dispositivo móvil apunta a su dispositivo móvil. Es por eso que no puede acceder a ella: la aplicación se ejecuta en su escritorio, no en su dispositivo móvil.
Una vez que sepa la dirección IP de su computadora, debe reemplazar localhost con ella. En mi caso la IP es 192.168.1.10 por lo que utilizo la siguiente dirección para acceder a mi app:
http://192.168.1.10:3000/Todas las respuestas son correctas, excepto dos puntos que se olvidan:
su red debe ser Privada: en Windows 10, haga clic en el ícono wifi, luego haga clic en el nombre de la red, verá la opción de propiedades , haga clic en ella, luego en la sección de perfil de red , configúrela como Privada
es posible que no pueda conectarse a través de la ip que npm run start escribe en el cmd, intente también con sus otras direcciones ip. como mencionaron otros amigos, abra cmd, escriba: ipconfig y presione Entrar, luego verá 3 partes que tienen una línea con: Dirección IPv4 , pruebe todas estas direcciones IP con el número de puerto de su aplicación de reacción, lo espero ayuda
Si desea probarlo en un dispositivo real (eso es lo que se recomienda), debe asegurarse de que su teléfono móvil esté conectado a la misma red que su computadora y luego, cuando ejecute
yarn start npm run startDebería ver algo como esto:
On Your Network: http://172.xx.xx.xxx:3000/Simplemente ingrese esa dirección IP en su navegador móvil y pruebe su aplicación web