2015-04-09 11 views
5

Ich versuche, mobile Browser-Tests mit ionischen zu verwenden. Ich bin im selben WLAN wie mein iPhone verbunden und habe meine IP-Adresse mit dem folgenden Befehl überprüft: ifconfig |grep inet. Wenn ich ionic server mit dem Befehl ionic serve starte, kann ich meine ionische App auf meinem iPhone nicht mit meiner IP-Adresse und dem angegebenen ionischen Port öffnen. Muss ich etwas anderes auf meinem Rechner aktivieren? Ich habe auch verschiedene Ports ohne Erfolg ausprobiert.Ionic Mobile Browser-Test funktioniert nicht

Antwort

10

Diese Antwort kann zu spät sein, aber ich hoffe, es ist nützlich für jeden, der das gleiche Problem in der Zukunft hat. Was dieses Problem für mich gelöst hat, war den folgenden Befehl zu setzen: ionic address und wählen Sie die IP meines Dev-Servers (in meinem Fall 192.168.0.2) anstelle der Option localhost. Jetzt, wenn ich ionic serve ausführen kann ich erfolgreich vom mobilen Browser verbinden.

+0

Hi @Federico, wenn ich eine Adresse angeben, zeigt diesen Fehler "TypeError: Kann Eigenschaft 'LaunchBrowser' von undefined nicht lesen" Jede Lösung? Vielen Dank. –

+0

@BetoAveiga welche Version von Ionic CLI benutzen Sie? Welche Version von Ionic Framework? Welche Version von Cordova? Welcher Browser? Bitte geben Sie Schritte, um den Fehler zu reproduzieren, und ich werde versuchen, Ihnen zu helfen. –

+0

Hallo @ Feredico. Vielen Dank. Kann ich "die letzte Version von allem" beantworten? Alles ist auf dem neuesten Stand, einschließlich der letzten Version des CLI. Wie auch immer ... das Problem ist weg, weil ich es mit Remote-Debugging meines Geräts mit Chrome, Weiterleitung von Ports zu lösen, die noch besser ist, als ich gesucht habe. (Ionic CLI 3.8.1 - Chrome 61.0.3163.49 - Cordova 6 - Ionic 3.6) –

4

Ich hatte ein ähnliches Problem mit Windows 8.1 und Android. Als ich http://localhost:8100/ verwendet habe, wurde es korrekt auf meiner Desktop-Version von Chrome geladen, aber mit meiner lokalen IP-Adresse im Desktop-Browser, d. H. 192.168.1.185:8100, habe ich einen "Connection Refused" -Fehler bekommen. Unnötig zu sagen, dass dies auch in Chrome auf meinem Mobilgerät nicht funktioniert hat.

Was dieses Problem gelöst wurde mit Port Forwarding gemäß https://developer.chrome.com/devtools/docs/remote-debugging#port-forwarding

Auf diese Weise ich die Seite öffnen konnte mit „localhost: 8100“ und die IP-Adresse auf meinem mobilen Gerät in Chrome und die Seite geladen und debuggt korrekt.