Probleme mit dem Komponentenverhalten

Komponenteninteraktionen funktionieren nicht

Symptom

Komponenten kommunizieren nicht oder Aktionen werden nicht wie erwartet ausgelöst.

Häufige Ursachen und Lösungen

1. Probleme mit der Ereigniskonfiguration

Prüfen: Ereignisse müssen sowohl beim sendenden als auch beim empfangenden Komponenten entsprechend konfiguriert sein.

Lösung:

• Überprüfen Sie, ob die Ereignisnamen exakt übereinstimmen (Groß-/Kleinschreibung beachten)

• Prüfen Sie, ob das Ereignis von der Quellkomponente ausgelöst wird

• Stellen Sie sicher, dass die Zielkomponente auf das richtige Ereignis hört

• Testen Sie den Ereignisfluss isoliert

2. Probleme mit der Aktionsreihenfolge

Prüfen: Aktionen können in der falschen Reihenfolge sein oder Schritte fehlen.

Lösung:

• Überprüfen Sie die Aktionssequenz im Komponenten-Builder

• Vergewissern Sie sich, dass jede Aktion die richtige Konfiguration hat

• Testen Sie Aktionen einzeln, bevor Sie sie verketten

• Prüfen Sie auf bedingte Logik, die die Ausführung verhindern könnte

3. Fehler bei der Datenzuordnung

Prüfen: Zwischen Komponenten übertragene Daten entsprechen möglicherweise nicht dem erwarteten Format.

Lösung:

• Überprüfen Sie, ob die Datentypen übereinstimmen (Text zu Text, Zahl zu Zahl)

• Prüfen Sie, ob die Feldzuordnungen korrekt sind

• Verwenden Sie Konsolen-Logging, um den Datenfluss zu debuggen

• Validieren Sie die Logik der Datenumwandlung

---

Styling wird nicht angewendet

Symptom

Benutzerdefiniertes CSS oder Styling erscheint nicht an der Komponente.

Häufige Ursachen und Lösungen

1. Probleme mit CSS-Spezifität

Prüfen: Lightning-Basisstile können benutzerdefinierte Stile überschreiben.

Lösung:

• Erhöhen Sie die CSS-Spezifität

• Verwenden Sie das !important-Flag sparsam

• Wenden Sie Stile auf spezifische Komponentenklassen an

• Prüfen Sie den Browser-Inspektor auf Stilkonflikte

2. Syntaxfehler im CSS

Prüfen: Ungültige CSS-Syntax verhindert das Anwenden von Stilen.

Lösung:

• Validieren Sie die CSS-Syntax

• Prüfen Sie auf fehlende Semikola oder Klammern

• Testen Sie CSS zunächst in den Entwicklerwerkzeugen des Browsers

• Entfernen Sie Stile einzeln, um das Problem zu identifizieren

3. Konflikte mit dem Lightning Design System

Prüfen: SLDS-Klassen können mit benutzerdefinierten Stilen in Konflikt stehen.

Lösung:

• Verwenden Sie SLDS-Utility-Klassen, wenn möglich

• Begrenzen Sie benutzerdefiniertes CSS, um Konflikte zu vermeiden

• Testen Sie das Styling mit und ohne SLDS-Klassen

• Überprüfen Sie die SLDS-Dokumentation auf kompatible Ansätze

Daten werden nicht aktualisiert

Symptom

Die Komponente zeigt veraltete Daten an und wird nicht aktualisiert, wenn Datensätze geändert werden.

Häufige Ursachen und Lösungen

1. Kein Aktualisierungsmechanismus

Prüfen: Die Komponente benötigt möglicherweise eine manuelle Aktualisierungskonfiguration.

Lösung:

• Fügen Sie eine Aktualisierungsschaltfläche oder -aktion hinzu

• Implementieren Sie eine Interaktion zum Aktualisieren aller Abfragen

• Konfigurieren Sie die Aktualisierung bei bestimmten Ereignissen

2. Cache-Probleme

Prüfen: Browser- oder Komponenten-Caching kann alte Daten anzeigen.

Lösung:

• Browser-Cache leeren

• Fügen Sie Cache-Busting-Parameter hinzu

• Implementieren Sie eine ordnungsgemäße Cache-Invalidierung

• Testen Sie im Inkognito-/Privatmodus