2017-05-15 3 views
18

Ich arbeite gerade an einem Projekt in Angular 4 und aus irgendeinem Grund erlebe ich zufällige Neuladungen, wenn ich die App in einem Browser vorschaue. (Ich laufe im Prod-Modus). Wer hat das gleiche Problem? Irgendeine Lösung gefunden? Vielen Dank.Random lädt Angular 4 (live-reload) neu

+0

Ich erfahre dies auch auf Windows 7, aber ich bin darauf hin, dass Visual Studio Code das Live-Reload auslöst. –

+0

Ja ist es tatsächlich VS Code, der es auslöst –

+0

Wenn Sie über angular-cli sprechen, haben Sie möglicherweise ein Antivirus oder etwas Ähnliches. Oder Ihr Redakteur könnte etwas tun. Jemand schreibt in node_modules oder source. – Milad

Antwort

0

Ihre Seite wird jedes Mal aktualisiert, wenn das Ansehen von Dateien geändert und gespeichert wird. Normalerweise geschieht dies bei jedem regulären Speichern (erwartetes Verhalten), aber in den meisten IDEs können Sie das automatische Speichern aktivieren/deaktivieren. Wenn es aktiviert ist, speichert WebStorm beispielsweise Änderungen bei jeder Frame-Deaktivierung und beim erneuten Laden der Seite. Ich schlage vor, dass andere IDEs das gleiche Verhalten haben. Hier gibt es Infos, wie automatische Speicherung

in WebStorm auslösen:

https://www.jetbrains.com/help/webstorm/saving-and-reverting-changes.html#tuning-autosave

in Android Studio:

How to disable Auto Save save in Android Studio

in Sublime Text:

http://lucybain.com/resources/setting-up-sublime-autosave/

+0

Meine IDE-Funktion zum automatischen Speichern ist deaktiviert. Ich vermute jedoch, dass die IDE selbst der Schuldige war. Seit ich meine Frage gestellt habe, hat Microsoft einige Updates für VS Code veröffentlicht und ich habe dieses Verhalten seither nicht mehr erlebt. Obwohl ich noch nicht sicher bin, was genau es auslöst. –

1

Wie bereits erwähnt, ist dies eine Funktion, die von Ihrem Code-Editor bereitgestellt wird. Momentan verwende ich Visual Studio-Code und wenn Sie die Dokumentation lesen, wird diese Funktion eindeutig als Live-Update erwähnt. Wenn Sie Ihre Änderungen speichern, löst Visual Studio ein Ereignis aus, bei dem der Code über die Instanz von cmd kompiliert wird, mit der Sie Daten für den Port freigeben.

Nehmen Sie sich etwas Zeit, um die Dokumentation für den VS-Code zu lesen. Sie hat eine Menge Features hinzugefügt, um insbesondere die eckige Entwicklung zu unterstützen.

https://code.visualstudio.com/docs/nodejs/angular-tutorial

0

Achten Sie auf leeren Anker-Tags aus,

<a href="#" (click)="abc()">Click Here </a> 

Diese Reload führen kann, wenn abc Funktionstyp void zurückgeben hat oder Sie eine return false nicht tun.

0

versuchen Sie Ihre App mit dem Argument --lr=false ist true und und ein Server arbeitet für Watch-Modus neu laden App

standardmäßig Live-reload zu laufen je nach seiner Einstellung.