Problèmes de comportement des composants

Interactions des composants qui ne fonctionnent pas

Symptôme

Les composants ne communiquent pas ou les actions ne se déclenchent pas comme prévu.

Causes courantes et solutions

1. Problèmes de configuration des événements

Vérifier: Les événements doivent être configurés de manière appropriée sur les composants émetteurs et récepteurs.

Solution:

• Vérifiez que les noms d'événements correspondent exactement (sensible à la casse)

• Vérifiez que l'événement est déclenché par le composant source

• Assurez-vous que le composant cible écoute le bon événement

• Testez le flux d'événements isolément

2. Problèmes de séquence d'actions

Vérifier: Les actions peuvent être dans le mauvais ordre ou des étapes peuvent manquer.

Solution:

• Passez en revue la séquence d'actions dans le constructeur de composants

• Vérifiez que chaque action a la bonne configuration

• Testez les actions individuellement avant de les enchaîner

• Vérifiez la logique conditionnelle qui pourrait empêcher l'exécution

3. Erreurs de mappage des données

Vérifier: Les données transmises entre les composants peuvent ne pas correspondre au format attendu.

Solution:

• Vérifiez que les types de données correspondent (texte à texte, nombre à nombre)

• Vérifiez que les mappages de champs sont corrects

• Utilisez les journaux de console pour déboguer le flux de données

• Validez la logique de transformation des données

---

Styles qui ne s'appliquent pas

Symptôme

Le CSS personnalisé ou le style n'apparaît pas sur le composant.

Causes courantes et solutions

1. Problèmes de spécificité CSS

Vérifier: Les styles de base Lightning peuvent remplacer les styles personnalisés.

Solution:

• Augmentez la spécificité CSS

• Utilisez le drapeau !important avec parcimonie

• Appliquez les styles aux classes de composants spécifiques

• Vérifiez l'inspecteur du navigateur pour les conflits de style

2. Erreurs de syntaxe dans le CSS

Vérifier: Une syntaxe CSS invalide empêche l'application des styles.

Solution:

• Validez la syntaxe CSS

• Vérifiez les points-virgules ou accolades manquants

• Testez le CSS dans les outils de développement du navigateur en premier

• Supprimez les styles un par un pour identifier le problème

3. Conflits avec le Lightning Design System

Vérifier: Les classes SLDS peuvent entrer en conflit avec les styles personnalisés.

Solution:

• Utilisez les classes utilitaires SLDS lorsque possible

• Ciblez le CSS personnalisé pour éviter les conflits

• Testez le style avec et sans classes SLDS

• Consultez la documentation SLDS pour des approches compatibles

Données qui ne se rafraîchissent pas

Symptôme

Le composant affiche des données obsolètes et ne se met pas à jour lorsque les enregistrements sont modifiés.

Causes courantes et solutions

1. Absence de mécanisme de rafraîchissement

Vérifier: Le composant peut nécessiter une configuration de rafraîchissement manuelle.

Solution:

• Ajoutez un bouton ou une action de rafraîchissement

• Implémentez une interaction de rafraîchissement de toutes les requêtes

• Configurez le rafraîchissement sur des événements spécifiques

2. Problèmes de mise en cache

Vérifier: Le cache du navigateur ou du composant peut afficher des données anciennes.

Solution:

• Videz le cache du navigateur

• Ajoutez des paramètres anti-cache

• Mettez en œuvre une invalidation correcte du cache

• Testez en mode navigation privée/incognito