2017-05-15 4 views
18

Je travaille actuellement sur un projet en Angular 4 et pour une raison quelconque, je continue à expérimenter des recharges aléatoires lorsque je prévisualise l'application sur un navigateur. (Je cours en mode prod). Quelqu'un rencontre le même problème? Toute solution trouvée? Merci.Recharges aléatoires Angular 4 (live-reload)

+0

Je l'ai également l'expérience sur Windows 7, mais je me penche vers le fait que Visual Studio Code déclenche le live-reload. –

+0

Oui en effet c'est VS Code qui le déclenche –

+0

Si vous parlez d'angular-cli, vous pourriez avoir un antivirus ou quelque chose de similaire. Ou votre éditeur pourrait faire quelque chose. quelqu'un écrit dans node_modules ou source. – Milad

Répondre

0

Votre page sera actualisée à chaque fois, lorsque vous regarderez les fichiers seront modifiés et enregistrés. Normalement cela se produit sur chaque sauvegarde normale (comportement attendu), mais dans la plupart des EDI, vous pouvez activer/désactiver l'enregistrement automatique, donc s'il est activé, par exemple, WebStorm enregistre les modifications à chaque désactivation de trame et le rechargement de page se produit. Je suggère, que d'autres IDE ont totalement le même comportement. Voici les informations, comment déclencher AutoSave

à WebStorm:

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

dans Android Studio:

How to disable Auto Save save in Android Studio

dans le texte Sublime:

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

+0

La fonction d'enregistrement automatique de mon IDE est désactivée. Cependant, je soupçonne que l'IDE lui-même était le coupable ici. Depuis que j'ai posté ma question, Microsoft a publié plusieurs mises à jour de VS Code et je n'ai pas connu ce comportement depuis. Bien que je ne sois toujours pas sûr de ce qui le déclenche exactement. –

1

Comme déjà expliqué, c'est une fonctionnalité fournie par votre éditeur de code, actuellement j'utilise le code Visual Studio et si vous lisez la documentation, il mentionne clairement cette fonctionnalité comme une mise à jour en direct. Chaque fois que vous enregistrez vos modifications, Visual Studio déclenche un événement qui compile votre code via l'instance de cmd vous partagez des données sur le port. Il suffit de prendre le temps de lire la documentation pour le code VS, il a ajouté une grande partie de la fonctionnalité en particulier pour soutenir le développement angulaire.

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

0

Attention aux balises d'ancrage vides,

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

Cela peut provoquer un rechargement si la fonction abc de retour est de type vide ou vous ne faites pas une fausse déclaration.

0

essayez d'exécuter votre application avec l'argument --lr=false,

par défaut en direct-reload est true et un serveur et de travail pour l'application de rechargement en mode veille en fonction de son réglage.