example - navigationend angular 4
Recargas aleatorias Angular 4(recarga en vivo) (4)
Actualmente estoy trabajando en un proyecto en Angular 4 y, por algún motivo, sigo experimentando recargas aleatorias cuando obtengo una vista previa de la aplicación en un navegador. (Estoy corriendo en modo prod). ¿Alguien experimenta el mismo problema? ¿Se ha encontrado alguna solución? Gracias.
Cuidado con las etiquetas de anclaje vacías,
<a href="#" (click)="abc()">Click Here </a>
Esto puede provocar una recarga si la función abc tiene un tipo de retorno nulo o no hace un retorno falso.
Su página se actualizará cada vez, cuando los archivos se cambien y guarden. Normalmente sucede en cada guardado regular (comportamiento esperado), pero en la mayoría de los IDEs puede activar / desactivar el guardado automático, por lo que si está activado, por ejemplo, WebStorm guarda los cambios en cada desactivación de marco y ocurre la recarga de la página. Sugiero, que otros IDEs tienen totalmente el mismo comportamiento. Aquí está la información, cómo activar el guardado automático
en WebStorm:
https://www.jetbrains.com/help/webstorm/saving-and-reverting-changes.html#tuning-autosave
en Android Studio:
Cómo deshabilitar Guardar automáticamente guardar en Android Studio
en texto sublime:
intenta ejecutar tu aplicación con argumento --lr=false ,
por defecto, la recarga en vivo es true y un servidor que funciona para la aplicación de recarga en modo reloj dependiendo de su configuración.
Como ya se explicó, es una función proporcionada por su editor de código, actualmente estoy usando el código de Visual Studio y si lee la documentación, menciona claramente esta función como una actualización en vivo. Cada vez que guarda sus cambios, Visual Studio activa un evento que compila su código a través de la instancia de cmd que está compartiendo datos en el puerto.
Solo tómese un tiempo para leer la documentación para el código VS, se ha agregado una gran parte de la función, especialmente para apoyar el desarrollo angular.