Écran blanc au chargement (web)

Symptôme

La page nutritor.netlify.app reste blanche au chargement, sans message visible.

Causes possibles

  • Une erreur JavaScript survient avant que l'interface ne s'affiche (violation des règles des Hooks React, échec de chargement des polices, etc.).
  • Version du navigateur trop ancienne ou incompatible.
  • Cache du navigateur contenant une version obsolète de l'application après une mise à jour.

Diagnostic

  1. Recharger la page avec un rechargement forcé (Ctrl+Maj+R / Cmd+Maj+R) pour ignorer le cache.
  2. Ouvrir la console développeur du navigateur (F12) et regarder si une erreur JavaScript est affichée.

Solution

  • Depuis la version qui introduit l'écran de récupération ErrorBoundary, une erreur React affiche désormais un message avec un bouton « Réessayer » plutôt qu'une page blanche — mettre à jour vers la dernière version si l'écran blanc persiste sans aucun message.
  • Effacer le cache du site pour ce domaine, puis recharger.
  • Utiliser un navigateur à jour (Chrome, Safari, Firefox ou Edge récents).

Si le problème persiste

Noter le message exact de la console développeur (F12 → Console) avant de contacter le support — c'est l'information la plus utile pour diagnostiquer une régression front-end.

Informations à fournir au support

  • Navigateur et version
  • Message d'erreur de la console développeur, si disponible
  • Étapes précises avant l'apparition de l'écran blanc