Ionic App funktioniert nicht auf Gerät/Simulator

Question

Es funktionierte gestern im Simulator gut, aber jetzt ist es albern. Ich war gerade auf dem Weg zu stolpern es aber im Simulator arbeiten zu erhalten:

Normalerweise die App auf ios zu simulieren ich

laufen

$ ionic run ios 

die jetzt die App zeigt aber die „broken“ Version davon.

Wenn ich jedoch

$ ionic run ios --livereload 

Dann meine app laufen wie erwartet funktioniert! Leider zeigt die ionic view App die fehlerhafte Version an. Chrome (via ionic serve) zeigt die Arbeitsversion, also verwende ich diese jetzt, aber ich muss das beheben. Was ist der Fehlerbehebungsprozess an dieser Stelle?

Answer 1

Obwohl diese arbeitete im Internet zusammen mit --livereload das Problem die ganze Zeit war mit einem Skript href URL.

Das Problem: Die Google Maps js Link wurde "//url.to.site" verwendet, so musste ich manuell "http:" und voila.

Wie richtig ionische + zu debuggen AngularJS Apps auf iOS-Geräten

Debuggen war schrecklich, bis ich mit bis eine gut Lösung kam. Vorsicht: Diese erfordert OS X oder einige ernsthafte Hacker-Fähigkeiten.

Hier sind die Schritte in der Reihenfolge:

1. $ ionic build ios
2. öffnen TheApp/platforms/ios/TheApp.xcworkspace in Xcode
3. Build/Starten Sie die App in Xcode zu Gerät oder Simulator
4. öffnen Safari w/Entwicklermodus aktiviert (Einstellungen> Erweitert> Menü Entwickeln in der Menüleiste anzeigen)
5. Im Safari Menü wählen Debug>[Name of iOS device]>index.html
6. Während die Inspector Fenster aktiv ist, drücken Sie CMD + R ( aktualisieren), und Sie werden in der Lage sein, Ihre console.logs aus der sehen Anfang der Seitenlast.

EDIT Shortcut: Sie können 1-3 Schritte überspringen, wenn Sie $ ionic run ios --device verwenden

Dies ist genial, weil Sie jetzt durch den Code auf einem tatsächlichen iOS-Gerät treten kann! Ich hoffe, dass das einige von euch viel Zeit sparen wird. Viel Glück!

für Android-Geräte

Dank @sajclarke ich diesen Artikel gefunden: https://developer.chrome.com/devtools/docs/remote-debugging