2017-05-25 3 views
4

Ich habe versucht, Live Reload auf meiner ionischen 2 Anwendung zu verwenden. so fand ich diesen Befehlionic run browser --Livereload funktioniert nicht

ionic run browser --live-reload 

wird nicht wie erwartet funktioniert und während machen Codeänderungen i Konsolnachrichten

[16:12:47] build started ... 
[16:12:47] transpile update started ... 
[16:12:47] transpile update finished in 46 ms 
[16:12:47] deeplinks update started ... 
[16:12:47] deeplinks update finished in 248 ms 
[16:12:47] webpack update started ... 

erhalte aber die Seite nicht

+0

geöffnet haben die Syntax ist "ionic run browser --livereload". Wenn es nicht funktioniert, überprüfen Sie die Problemumgehungen bei https://github.com/driftyco/ionic-cli/issues/790 –

+0

Ich versuchte 'ionic run browser --livereload' aber das gleiche Verhalten. ** P.S. Es gibt keine Problemumgehung, die auf dieser Seite erwähnt wird ** –

+0

** Problemumgehung **: Warten Sie nach der Änderung, bis die Konsole die geänderte Datei anzeigt und dann rsync -rtv www/platforms/browser/www oder führen Sie einen anderen Dateiwatcher aus: fswatch - r www/| xargs -I% rsync -rtv www/plattformen/browser/www ** workaround 2 ** ./node_modules/.bin/ionic-app-scripts dienen --sourceMap source-map --iscordovaserve --wwwDir Plattformen/Browser/www/--buildDir plattformen/browser/www/build –

Antwort

1

ich die Lösung gefunden Die GitHub-Seite

enthalten ein Skript in der Datei package.json

"browser": "ionic-app-scripts serve --sourceMap source-map --iscordovaserve --wwwDir platforms/browser/www/ --buildDir platforms/browser/www/build" 

und laufen

npm run browser 
+0

' ionic-app-scripts serve' ist nicht der das gleiche wie 'ionic cordova run browser', da es keine cordova plugins unterstützt (während zumindest einige der plugins für browser platform unterstützt werden) – ciekawy

+0

tut mir leid, nur jetzt bekomme ich, dass dies eine provisorische lösung ist, um den browser build nutzen zu können bestätige, dass es für mich funktioniert. Ich würde zu der expliziten Antwort der Antwort hinzufügen, dass wir auf diese Weise die cordova-Plugins und die Browser-Plattform auf die gleiche Weise wie für 'cordova run browser' verwenden können. – ciekawy

-1

Mit diesem Befehl Browser neu geladen werden wird automatisch neu geladen.

ionic serve 

Wenn Sie Anwendung mit anderen Plattform in Browser ausführen möchten, können Sie diesen Befehl verwenden:

ionic serve -l 

Diese beiden Befehls Seite automatisch auf Codeänderung neu geladen wird

+0

cordova ist nicht in ionic serve geladen –

+0

browser ist eine plattform 'ionic serve' emuliert nicht/baut als browser plattform –

0

Wenn Sie den Befehl ionic cordova run browser --livereload laufen Sie so etwas wie dies in CLI sehen:

[19:39:00] dev server running: http://localhost:8100/ 

[INFO] Development server running 
     Local: http://localhost:8100 
     External: http://192.168.0.51:8100 

Öffnen Sie einfach http://192.168.0.51:8100 oder http://localhost:8100 und Ihre Live-Reload arbeite an dieser Adresse. Ihr Browser könnte in http://localhost:8000 anstelle von 8100

+0

Das Öffnen auf 8000 ist nicht dasselbe wie 8100, weil cordova nicht ausgeführt wird auf 8100. Die App auf 8000 wird cordova drin haben. – user2049132

+0

tatsächlich auf 8100 die Plugin-Proxies sind nicht erstellt – ciekawy

Verwandte Themen