localhost - studio - Las pruebas de navegador móvil Ionic no funcionan

visual studio installer

Question

Intento usar pruebas de navegador móvil con ionic. Estoy conectado en el mismo Wifi que mi iPhone y comprobé mi dirección IP con el siguiente comando: ifconfig |grep inet . Cuando estoy ejecutando un servidor iónico con el comando ionic serve , no puedo abrir mi aplicación iónica en mi iPhone usando mi dirección IP y el puerto especificado de iónica. ¿Debo habilitar algo más en mi máquina? También probé diferentes puertos sin ningún éxito.

Answer 1

Tuve un problema similar al probar esto usando Windows 8.1 y Android. Cuando utilicé http: // localhost: 8100 / it cargado correctamente en mi versión de escritorio de Chrome, pero usando mi dirección IP local en el navegador de mi computadora de escritorio, es decir 192.168.1.185:8100, recibí un error de "Conexión rechazada". Huelga decir que esto tampoco funcionó en Chrome en mi dispositivo móvil.

Lo que resolvió este problema fue el uso de Port Forwarding según https://developer.chrome.com/devtools/docs/remote-debugging#port-forwarding

De esta manera, podría abrir el sitio usando "localhost: 8100" y no la dirección IP en mi dispositivo móvil en Chrome y el sitio cargado y depurado correctamente.

Answer 2

Esta respuesta puede ser tardía, pero espero que sea útil para cualquiera que tenga el mismo problema en el futuro. Lo que resolvió este problema para mí fue poner el siguiente comando: ionic address y seleccionar la ip de mi servidor de desarrollo (en mi caso 192.168.0.2 ) en lugar de la opción localhost. Ahora, cuando ejecuto ionic serve , puedo conectarme con éxito desde el navegador móvil.