Ionic 2 Liveleload

Question

Wenn ich mit Ionic 2 entwickle, wie bleibt man bei der Codeänderung auf der aktuellen Seite? In Ionic 1 würde ein Liveload zu Ihrer aktuellen URL zurückkehren - in ionic 2 gibt es jedoch keine URLs.

Gibt es eine Einstellung, die Liveload mich auf der aktuellen Seite halten?

Ich bin offen für die Aktivierung von URLs, wenn es nötig ist, um bei jeder Codeänderung nicht manuell zu meiner Seite zurück zu navigieren. Allerdings habe ich noch nicht gefunden, wie man das in den v2-Dokumenten macht.

Answer 1

Sie könnten die this.rootPage in Ihrem app.component.ts auf die Seite, an der Sie arbeiten, setzen. Ich tue dies oft, wenn ich an bearbeite sagt die foobar.ts Seite für eine Weile schlecht Änderung es

this.rootPage = FooBar; 

Und es dann auf die Standard-Root-Seite ändern zurück, wenn ich fertig bin.

Answer 2

Um das Live-Nachladen in Ionic2 zu stoppen, habe ich folgende Änderungen in der Konfigurationsdatei vorgenommen: ionic.config.js.

In ionic.config.js

watch: { 
    sass: ['app/**/*.scss'], 
    html: ['app/**/*.html'], 
    livereload: [ 
    'www/build/**/*.html', 
    'www/build/**/*.js', 
    'www/build/**/*.css' 
    ] 
} 

obigen Abschnitt editiert:

watch: { 
    sass: ['app/**/*.scss'], 
    html: ['app/**/*.html'], 
} 

Dann ionic serve von q gestoppt und wieder gestartet. Die automatische Aktualisierung wurde gestoppt. Wir müssen sie manuell aktualisieren, um die neuesten Änderungen zu berücksichtigen.

Answer 3

Nein, es gibt keine Möglichkeit, das zu tun, was Sie verlangen, da ionic 2 keine URLs verwendet. Tatsächlich behandeln sie die Seiten als eine Variable im Fenster. Wenn Sie oder die Live-Aktualisierung die Seite aktualisieren, wird sie in den Ausgangszustand versetzt. Übrigens gibt es eigentlich keine Pläne für die Implementierung des eckigen Routers, warten wir, bis der RC, vielleicht möchten sie es implementieren

Answer 4

Eigentlich ionic.config.js wurde veraltet. Also ich habe einen Weg gefunden, gehen Sie zu diesem node_modules\@ionic\app-scripts\config. Änderung der Datei namens watch.js

srcFiles: { 
    paths: ['{{SRC}}/**/*.(ts|html|s(c|a)ss)'], 
    options: { ignored: ['{{SRC}}/**/*.spec.ts', '{{SRC}}/**/*.e2e.ts', '**/*.DS_Store'] }, 
    callback: watch.buildUpdate 
    },