Arama Yap Mesaj Senden
Rückruf anfordern
+90
X
X

Wählen Sie Ihre Währung

Türkische Lira $ US Dollar Euro
X
X

Wählen Sie Ihre Währung

Türkische Lira $ US Dollar Euro

Kontaktieren Sie uns

Standort Halkali Merkez Viertel Fatih Str. Ozgur Apt. No. 46, Kucukcekmece, Istanbul, 34303, TR
Fetch, AJAX und API-Antworten

Unerwarteter Token `<` in JSON an Position 0 Fehler

Das erste Zeichen '<' zeigt normalerweise an, dass die erwartete JSON-Antwort HTML ist. Dies könnte aufgrund eines falschen Endpunkts, einer 404/500-Fehlerrubrik, einer Login-Weiterleitung, eines PHP-Warnung, eines WAF-Challenges oder eines WISECP-Themenoutputs erfolgen, die wie JSON durch response.json() versucht werden, wie JSON aufgeteilt zu werden.

JSON Position 0<!DOCTYPE html>Fetch APIPHP AJAXContent-Type
DevTools Console
SyntaxError: Unexpected token '<', "<!DOCTYPE "... is not valid JSON
Unexpected token < in JSON at position 0
JSON.parse: unexpected character at line 1 column 1
01Protokollieren Sie den ersten Konsolenfehler
02Separater Quellcode und Live-Antwort
03Testparser, Netzwerk- und Modulstruktur
04Nach dem Build erneut überprüfen
01
technischer Ansatz

Unerwarteter Token < in JSON Wie analysieren?

Das erste Zeichen '<' zeigt normalerweise an, dass die erwartete JSON-Antwort HTML ist. Dies könnte aufgrund eines falschen Endpunkts, einer 404/500-Fehlerrubrik, einer Login-Weiterleitung, eines PHP-Warnung, eines WAF-Challenges oder eines WISECP-Themenoutputs erfolgen, die wie JSON durch response.json() versucht werden, wie JSON aufgeteilt zu werden.

01

Finden Sie den ersten Fehler

Ein SyntaxError stoppt möglicherweise alle nachfolgenden Skripte. Lösen Sie zunächst den ersten roten Datensatz in der Konsole auf.

02

Öffnen Sie die eigentliche Datei

Bestimmen Sie anhand der Quellkarte, des hübschen Drucks und der Netzwerk-URL, ob der Fehler von der Quelle oder vom Build stammt.

03

Mit Parser isolieren

Reduzieren Sie das Problem mit node --check, ESLint, TypeScript oder JSON-Validator auf einen kleinen Bereich.

04

Überprüfen Sie die Live-Ausgabe

Überprüfen Sie das PHP-Rendering, den API-Body, den CDN-Cache und das Modul-Loader-Ergebnis in der Produktionsantwort.

Verstecke JSON-Fehler nicht mit try/catch und verwende die HTML-Antwort als normale Daten.

02
Live-Fehlerwörterbuch

Konsolen- und Terminalnachrichten

01kritik

Unerwarteter Token '<'

Bedeutung: Antwort beginnt mit HTML anstelle von JSON.

Mögliche Ursache: 404, 500, Anmeldeseite oder Themesite.

02kritik

<!DOCTYPE html> is not valid JSON

Bedeutung: Das vollständige HTML-Dokument wird an den JSON-Parser gesendet.

Mögliche Ursache: Falscher Endpunkt oder Umleitung.

03Warnung

Unerwarteter Token P in JSON

Bedeutung: PHP Warnung/Auswertungsfehler-Text kann mit JSON vermengt werden.

Mögliche Ursache: display_errors ist offen oder fatal error.

04Warnung

Unerwarteter Token A in JSON

Bedeutung: Eine Zugriff verweigert Textantwort wurde zurückgegeben.

Mögliche Ursache: Zustimmungs-, Sitzungs- oder CSRF-Probleme.

05Warnung

Content-Type text/html

Bedeutung: Der Server sendet stattdessen HTML-Inhaltstyp anstelle von JSON.

Mögliche Ursache: Route/handler falsch.

06Warnung

302 login redirect

Bedeutung: API-Aufruf wurde zur Anmeldeseite umgeleitet.

Mögliche Ursache: Sitzungsdauer oder Auth-Middleware.

07Warnung

Cloudflare challenge HTML

Bedeutung: Die WAF-Bot-Validierungsebene wurde zurückgegeben.

Mögliche Ursache: Rate-Limits- oder Sicherheitsregel.

08bilgi

Empty response shown as HTML error

Bedeutung: Proxy generiert benutzerdefinierte Fehlerseite.

Mögliche Ursache: Nginx/Apache-Streamfehler.

Es wurden keine Datensätze gefunden, die diesem Ausdruck entsprechen.

03
Kopierbare Bedienelemente

Node.js-, API-, PHP- und Dateitests

Header und Statuscode

curl -i https://example.com/api/data

HTTP-Status, Content-Type und Antwort werden gemeinsam angezeigt.

Routenverfolgungskette

curl -sIL https://example.com/api/data | grep -iE '^HTTP|^location:|^content-type:'

Dies zeigt die Umleitung auf die Login- oder Fehlerseite an.

JSON-Validierung

curl -s https://example.com/api/data | python3 -m json.tool

Antwort ist kein gültiges JSON, gibt Parsing-Fehler.

Erstes 300 Zeichen

curl -sL https://example.com/api/data | head -c 300

Antwort beginnt mit HTML, PHP Fehlermeldung oder JSON.

PHP-Protokollprüfung

tail -n 100 /var/log/php-fpm/error.log 2>/dev/null || tail -n 100 /var/log/php8.3-fpm.log

Anzeigt PHP-Fehler, die während des API-Aufrufs aufgetreten sind.

Fetch und debug sicher.

fetch('/api/data').then(async r => ({status:r.status,type:r.headers.get('content-type'),url:r.url,body:await r.text()})).then(console.log)

Bevor Sie parsen, zeigen Sie den Status, den Content-Type, die finale URL und den Body an.

04
Richtiger und falscher Code

Syntaxvergleiche

Direkter JSON-Parser.

falsch
const daten = await response.json();
Stimmt
const metin = await response.text();
if (!response.ok) throw new Error(`${response.status}: ${metin.slice(0,200)}`);
const veri = JSON.parse(metin);

PHP header eksik

falsch
echo json_encode($veri);
Stimmt
header('Content-Type: application/json; charset=utf-8');
echo json_encode($veri, JSON_UNESCAPED_UNICODE | JSON_THROW_ON_ERROR);

HTML-Fehlerantwort

falsch
http_response_code(500);
echo '<h1>Fehler</h1>';
Stimmt
http_response_code(500);
header('Content-Type: application/json; charset=utf-8');
echo json_encode(['success'=>false,'error'=>'Sunucu Fehlersı']);

Session cookie eksik

falsch
fetch('/api/profile')
Stimmt
fetch('/api/profile', { credentials: 'same-origin', headers: { Accept: 'application/json' } })
05
Je nach Arbeitsumfeld

Browser, Node.js, PHP und WISECP

Browser und Frontend

Chrome DevTools-Konsole, Quellen- und Netzwerkpanels sollten gemeinsam mit echten Dateien, Zeilen und Serverantworten untersucht werden.

  • Finden Sie die tatsächliche Quellzeile mit pretty print und source map.
  • Überprüfen Sie mit der Netzwerkantwort, ob die Antwort als HTML anstatt JavaScript/JSON zurückgegeben wird.
  • Überprüfen Sie die Skripttypen, die Ladeordnung, defer und die Modul-Einstellungen.

Node.js, TypeScript und Pakete

Node Version, Modultyp in package.json, Buildausgabe und die tatsächlich ausgeführte Datei sollten dem gleichen Modulsystem entsprechen.

  • Isolieren Sie den Parser-Fehler mit node --check.
  • Bewerten Sie package.json, tsconfig und Dateiendungen gemeinsam.
  • Überprüfen Sie, ob die Build-Ausgabe ausgeführt wird oder nicht, anstatt der Quelle.

PHP, AJAX und WISECP

PHP-Warnungen, Theme-HTML, Umleitungen und doppelte Skriptladung JavaScript-Fehler können auftreten.

  • Überprüfen Sie, ob die API-Antwort keine PHP-Warnung oder HTML-Mischung enthält.
  • Verwalten Sie json_encode und die Ausgabe von Content-Type.
  • Laden Sie das gleiche JavaScript-File nicht zweimal innerhalb von Header/Fußzeile.
Falsche Eingriffe

Auf keinen Fall

  • Verstecke JSON-Fehler nicht mit try/catch und verwende die HTML-Antwort als normale Daten.
  • Geben Sie display_errors in der Production-API-Antwort nicht im Antworttext aus.
  • Senden Sie nicht Content-Type application/json und erzeugen HTML im Body.
  • WAF- oder Auth-Probleme nicht vorübergehend durch Änderung des Endpunktnamens umgehen.
Prüfungle nach dem Eingriff

Überprüfen Sie die Lösung

  • API gibt korrekte HTTP-Status und application/json-Content-Type zurück.
  • Antwort wird mit python -m json.tool geparsed.
  • Login und Fehlerbedingungen verwenden einen konsistenten JSON-Vertrag.
  • Frontend parsen nach response.ok- und Content-Type-Prüfung.
06
Interner SEO-Inhaltssatz

Verwandte JavaScript-Fehlerlösungen

07
Primärquellen

MDN, Node.js und offizielle Dokumentation

08
Häufig gestellte Fragen

Unerwarteter Token < in JSON Kuriositäten über

Unerwarteter Token < in JSON, warum es auftritt?

Es tritt auf, wenn der JavaScript-Parser, der JSON-Parser oder der Modulloader die erwartete Grammatik nicht finden kann.

Ist die Zeile in der Konsole immer korrekt?

Die Zeile ist normalerweise dort, wo der Parser den Fehler feststellt. Verschollene Anführungszeichen, Klammern oder Kommas können in der vorherigen Zeile sein.

Wie findet man einen Fehler in einer minimierten Datei?

Verwenden Sie Source Map und DevTools Pretty Print; korrigieren Sie die Originalquelle und erstellen Sie sie neu.

Warum produziert PHP einen JavaScript-Syntax-Fehler?

PHP Warnung, HTML-Fehlerseite oder ungeschützter Datenstrom kann die JavaScript/JSON-Syntax beschädigen.

Findet ESLint alle SyntaxError-Fehler?

Die meisten Parser finden die meisten Fehler; jedoch sollte auch der falsche Server-Antwort, doppelte Skript-Ladung und Runtime-Modul-Konfiguration überprüft werden.

Der Code funktionierte, warum funktionierte er plötzlich nicht?

Deploy, Minifizierung, Cache, Paketaktualisierung, Node-Version, PHP-Ausgabe oder Halbladverhalten der Datei kann sich geändert haben.

Bietet dieser Leitfaden eine sichere Produktionskorrektur?

Bietet diagnostische und sichere Reparatur-Schritte; Änderungen sollten im Staging-Umgebung getestet und mit Git zurückgenommen werden.

EKA SOFTWARE- UND INFORMATIONSSYSTEME

Lassen Sie uns JavaScript-, Node.js- und API-Fehler mit Quellcode analysieren

Wir untersuchen Konsolen-, Fetch/AJAX-, PHP-JSON-Antworten, ES-Module, TypeScript-Build- und WISECP-Skriptladeprobleme, ohne die Produktionsstruktur zu stören.

Holen Sie sich Software-SupportWhatsApp
Top