Zum Hauptinhalt springen

​
Build-Fehler

Das Bauen mit Lovable macht das Programmieren schneller und intuitiver, aber selbst die besten KI‑Entwicklungstools können gelegentlich ins Stocken geraten. Manchmal läuft dein Code nicht wie erwartet oder du stellst unerwartetes Verhalten fest, weil die KI deine Absicht falsch interpretiert. Hier ist eine Schritt‑für‑Schritt‑Anleitung, die dir hilft, Probleme zu lösen und schnell wieder weiterzuarbeiten:
1

Verwende zuerst den Button „Try to Fix“

Klicke auf den Button Try to Fix, sobald ein Fehler auftaucht. Lovable scannt deine Protokolle, erkennt das Problem und versucht eine schnelle Korrektur. Das ist dein schnellster erster Schritt. Wenn das nicht funktioniert, ist es Zeit, genauer hinzuschauen.
2

Unerwartetes Verhalten diagnostizieren

Dein Code kann fehlerfrei laufen und sich trotzdem nicht wie beabsichtigt verhalten. Das ist unerwartetes Verhalten – schwerer zu erkennen und schwerer zu beheben. Versuche Folgendes:
  • Zurücksetzen und erneut auffordern: Gehe zu dem Stand kurz vor dem Auftreten des Problems zurück und formuliere dann eine klarere, überarbeitete Eingabeaufforderung.
3

Schreibe effektivere Eingabeaufforderungen

Klare, strukturierte Eingabeaufforderungen führen zu besseren Ergebnissen. Nutze dieses Format:
  1. Verwende den Chat Mode und frage: „Can you outline the steps or plan for this feature?“
  2. Überprüfe den Plan, den Lovable vorschlägt, und bitte bei Bedarf um Änderungen oder Klarstellungen.
  3. Gib Lovable eine Eingabeaufforderung: „Now, let’s build this step by step.“
4

In logischer Reihenfolge bauen

Struktur ist wichtig. Folge diesem empfohlenen Ablauf:
  1. Erstelle Layout und Seiten.
  2. Verbinde dich mit Lovable Cloud oder einer externen Supabase‑Verbindung.
  3. Richte Authentifizierung und Benutzerrollen ein.
  4. Plane und strukturiere die Feature‑Logik.
  5. Bitte Lovable per Eingabeaufforderung, die Features zu implementieren.

​
Allgemeine Probleme

Wechsle in den Chat-Only-Modus und gib Folgendes ein: „Diese spezielle Funktion funktioniert nicht. Kannst du mir Schritt für Schritt erklären, was passiert und was du bereits versucht hast?“
  • Sende Screenshots des UI-Problems direkt an die KI, um eine genauere Diagnose zu ermöglichen.
  • Verwende das Bearbeitungstool, um bestimmte UI-Elemente auszuwählen und hervorzuheben, die du ändern möchtest, und beschreibe dann die gewünschte Anpassung.
  • Zum Beispiel: „Siehst du das hervorgehobene Element? Zentriere es vertikal und erhöhe den Abstand.“
  • Eingabeaufforderung: „Geh einen Schritt zurück. Analysiere den Fehler und schlage einen anderen Ansatz vor.“
  • Teile die Aufgabe in kleinere Schritte auf.
  • Verwende den Revert-Button, wenn die Fehler weiterhin bestehen.
Probleme mit einer nicht gefundenen Vorschau oder einer Sandbox, die nicht startet, können entweder mit der Sandbox-Umgebung oder mit deiner Verbindung zusammenhängen. Sandbox-Probleme sind oft nur vorübergehend, versuche zuerst einen Hard-Refresh. Wenn das weiterhin besteht, kann das auf eine fehlerhafte Synchronisierung mit GitHub oder ein Verbindungsproblem hinweisen. Bei anhaltenden Problemen lies unseren GitHub-Integrationsleitfaden.

​
Zentrale Funktionen

  • Dies ist häufig die Folge von Problemen in der Datei vite.config.ts oder davon, dass Sicherheitsheader in das Projekt eingefügt wurden.
  • Build-Fehler oder Syntaxfehler im Code
  • JavaScript-Laufzeitfehler, die Abstürze verursachen
  • Fehlende Abhängigkeiten oder defekte Komponenten
  • Authentifizierungs- oder Routing-Probleme, die die Seite blockieren
Vorgehen zur Fehlerbehebung: Bitte Lovable, die Datei vite.config.ts zu überprüfen oder die Sicherheitsheader zu entfernen. Überprüfe die Browser-Konsole auf Fehler, stelle eine frühere Version wieder her oder bitte Lovable, das Problem mit dem weißen Bildschirm zu untersuchen.
Du kannst dein Projekt in den Projekteinstellungen zurückziehen (unpublish) oder löschen.
Überprüfe den Tab Cloud -> Protokolle auf konkrete Fehlermeldungen. Stelle sicher, dass alle erforderlichen Geheimnisse und Umgebungsvariablen korrekt konfiguriert sind. Versuche, erneut bereitzustellen, indem du eine kleine Änderung am Code der Edge-Funktion vornimmst und Lovable dazu eine Eingabeaufforderung gibst. Stelle sicher, dass deine Datenbankverbindung funktioniert. Bitte Lovable, den konkreten Fehler zu untersuchen und alle in den Protokollen gefundenen Probleme zu beheben.
Das bedeutet in der Regel, dass das Projekt gelöscht wurde. Wenn du es nicht absichtlich gelöscht hast, wende dich bitte an den Kundensupport, um Hilfe bei der Wiederherstellung deines Projekts zu erhalten.

​
Du brauchst mehr Hilfe?

Immer noch festgefahren? Probiere Folgendes:
  1. Verwende den Chat mode für eine schrittweise Anleitung.
  2. Wenn es ein Problem mit der UI oder einem Feature ist, setze auf einen stabilen Zustand zurück.
  3. Wenn du zahlender Kunde bist und ein Problem auf Plattform-Ebene melden möchtest, kontaktiere den Kundensupport.