Fehlerbehebung bei Backend-Integrationsproblemen

Symptome

Beim Versuch, die Backend-API einzurichten—entweder manuell oder durch Befolgen der Tutorials—stellen Sie fest, dass Gantt keine Aufgaben oder Links auf der Seite anzeigt.
Es gibt Probleme beim Speichern von Änderungen im Backend.

Gründe

Es kann verschiedene Gründe geben, warum etwas nicht richtig funktioniert, je nach Plattform. Dieser Leitfaden wird sich nicht mit plattformspezifischen Problemen befassen, sondern sich auf allgemeine Schritte konzentrieren, die Ihnen helfen, das Problem zu identifizieren. Sobald Sie das Problem gefunden haben, ist die Behebung in der Regel einfach.

Überprüfen von Fehlermeldungen auf der Seite

Öffnen Sie die Entwicklertools Ihres Browsers und laden Sie die Seite neu. Suchen Sie nach Fehlermeldungen in der Browser-Konsole.
Wenn Sie Fehler entdecken, analysieren Sie diese, um zu sehen, ob Sie sie beheben können. Wenn nicht, fahren Sie mit dem nächsten Schritt fort.

Überprüfung von Client-Anfragen

Gehen Sie zum Netzwerk-Panel in den Entwicklertools und stellen Sie sicher, dass XHR-Anfragen sichtbar sind.
Laden Sie die Seite neu und suchen Sie die Anfrage, die für das Laden von Daten aus dem Backend verantwortlich ist. Bestätigen Sie, dass sie auf die richtige URL verweist und überprüfen Sie den Antwortstatus.

Wenn Sie eine 404-Antwort sehen, könnte dies bedeuten, dass die URL, die an die gantt.init-Methode übergeben wurde, falsch ist oder es ein Problem mit den Routing-Einstellungen Ihrer App gibt.

Überprüfung der Serverantwort

Finden Sie die relevante Anfrage und untersuchen Sie die Antwortvorschau oder den Rohinhalt der Antwort.

Antwort überprüfen

Entspricht die Antwort dem erwarteten Datenformat?

Wenn die Antwort eine Fehlermeldung vom Webserver enthält

Dies weist auf ein Problem mit dem Backend-Code oder den Datenbankverbindungseinstellungen hin. Fehlerantworten bieten in der Regel genügend Details, um die Ursache zu identifizieren. Wenn Sie eine generische 500 server error-Meldung erhalten, müssen Sie möglicherweise benutzerdefinierte Fehlerseiten vorübergehend auf Ihrem Server deaktivieren, um den tatsächlichen Fehler zu sehen. Die Methode hierfür hängt von Ihrer Plattform ab. Eine Online-Suche nach "disable custom error page in <%your server or framework%>" kann Sie leiten.

Wenn die Daten größtenteils in Ordnung erscheinen

Überprüfen Sie die Eigenschaften id, start_date, end_date, duration und parent:

id: Aufgaben mit derselben id werden zusammengeführt. Wenn beispielsweise fünf Aufgaben dieselbe id teilen, wird nur eine in Gantt angezeigt.
parent: Aufgaben mit einem parent-Wert, der mit der root_id config übereinstimmt, erscheinen auf der Wurzelebene des Aufgabebaums (Standard ist ein leerer Wert wie Null oder null). Wenn die parent-Eigenschaft nicht leer ist und es in Ihrem Datensatz keine passende übergeordnete Aufgabe gibt, wird die Aufgabe nicht angezeigt.
start_date, end_date, duration: Stellen Sie sicher, dass Ihre Aufgaben mindestens zwei dieser Eigenschaften enthalten, wie start_date und duration. Mehr Details finden Sie im Artikel über das Laden von Aufgabendaten.

Überprüfen Sie, ob die Formate von start_date und end_date mit dem im Datumsformat-Config angegebenen Format übereinstimmen.

Wenn die Eigenschaftswerte fehlerhaft erscheinen

Untersuchen Sie Ihre Datenbank, um die gespeicherten Daten zu bestätigen. Wenn Datumsformate nicht übereinstimmen, können Sie entweder die date_format-Konfiguration anpassen oder den Code ändern, der Aufgabendaten vor dem Senden an den Client serialisiert.

Überprüfung der in Gantt geladenen Daten

Öffnen Sie die Browser-Konsole und führen Sie gantt.getTaskByTime() aus.
Überprüfen Sie die Ausgabe in der Konsole. Sie sollten ein Array von Aufgaben sehen.

Überprüfen Sie die Eigenschaften start_date, end_date und parent der Aufgaben.

Filter

Wenn nichts Offensichtliches auffällt, könnten Ihre Aufgaben durch einen Filter verborgen sein. Überprüfen Sie Ihren Code, um dies zu bestätigen.

Wenn alles andere fehlschlägt

Wenn keiner der obigen Schritte funktioniert oder sowohl Aufgaben als auch Konsolenfehler fehlen, sollten Sie Ihre Frage im Forum posten oder den technischen Support kontaktieren.

Stellen Sie sicher, dass Sie alle Informationen teilen, die Sie aus den obigen Schritten gesammelt haben. Bereiten Sie außerdem eine minimal reproduzierbare Demo vor, wie zum Beispiel:

Ein eigenständiges Paket mit einer vereinfachten App (Gantt-Seite, erforderliche Dateien, ein Datenbank-Dump mit Testdaten oder eine statische JSON-Datei mit den Daten, die Sie laden möchten).
Einen Online-Link, der es ermöglicht, das Problem direkt in einem Browser zu überprüfen.

Zurück nach oben