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
Antwort
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:
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. –
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.
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.
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.
- 1. Angular uiRouter lädt alle Komponenten in der Vorlage neu
- 2. Angular Ionic - Direktive, die nicht auf Ansichtswechsel neu lädt
- 3. Angular 4 CLI lädt die Seite nicht ohne AOT-Flag
- 4. Angular lädt nicht styles.css
- 5. Neu Leere Seite nach erfolgreichem Login in Angular 4 App
- 6. Angular 2 (4) Vorlage von Back-End neu laden
- 7. Angular 4 router: direkte Browsernavigation startet die App neu
- 8. Verhindern, dass src neu lädt
- 9. Wählen random 4 Zeilen mit INNER JOIN
- 10. UI-Router lädt Seite auf href link neu Klicken Sie
- 11. Gulp LiveReload Crashing
- 12. Ionic2 - LiveReload funktioniert nicht
- 13. Livereload nur bei Änderungen im Öffentlichen Ordner
- 14. iOS: Facebook Comments Plugin Handy lädt neu
- 15. angular ui Bootstrap lädt nicht
- 16. Angular 2 lädt Animation einfriert
- 17. Wie man Ext.tree.TreePanel bei Bedarf neu lädt?
- 18. Wie man die Ansicht komplett neu lädt?
- 19. Wie man cmake Ziele neu lädt
- 20. Lädt Spring @DirtiesContext den Spring-Kontext neu?
- 21. Javascript läuft auf Seite neu lädt
- 22. Angular 4. Datei-Upload
- 23. Recurly.js und Angular 4
- 24. Angular 4 NgOnInitReference Fehler
- 25. Angular 4 mit Material
- 26. Cookies in Angular 4
- 27. Angular 4 Inherited Formcontrol
- 28. Angular 4 Nuget Paket
- 29. SignalR mit Angular 4
- 30. Angular 4 - CSV hochladen
Ich erfahre dies auch auf Windows 7, aber ich bin darauf hin, dass Visual Studio Code das Live-Reload auslöst. –
Ja ist es tatsächlich VS Code, der es auslöst –
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