SyntaxError: JSON JavaScript Origin: On your device Last updated 14 Oct 2026

SyntaxError: Unexpected token < in JSON at position 0

JSON.parse() / response.json() received something that isn’t JSON — very often an HTML error page.

Exact message you may see Unexpected token < in JSON at position 0is not valid JSONUnexpected end of JSON inputJSON.parse: unexpected characterUnexpected token u in JSON
Explore the map of this error Full error map →
Seen on: JavaScript PHP React

Meaning

The < at position 0 is the start of <!DOCTYPE html> or <html>: the server returned an HTML page (404, 500, login redirect, SPA fallback) where your code expected JSON. Newer browsers say “Unexpected token '<', \"<!DOCTYPE \"... is not valid JSON”.

Common causes

  • Wrong API URL — the request hits the frontend’s index.html fallback
  • Server error returned an HTML error page (500, 502, 404)
  • Authentication redirect to a login page
  • Dev server not proxying /api to the backend
  • PHP warnings/notices printed before the JSON output
  • Empty response body (“Unexpected end of JSON input”)

⚡ Quick fix

  1. Log await res.text() instead of res.json() to see what actually came back
  2. Check res.ok and Content-Type before parsing
  3. Verify the full request URL in the Network tab
  4. Turn off display_errors in production PHP so warnings don’t corrupt JSON

Detailed fix by platform

JavaScript

  1. Parse defensively:
    javascript
    const res = await fetch('/api/items');
const type = res.headers.get('content-type') || '';
if (!res.ok || !type.includes('application/json')) {
  throw new Error(`Expected JSON, got ${res.status} ${type}: ${(await res.text()).slice(0, 200)}`);
}
const data = await res.json();

PHP

  1. Send header('Content-Type: application/json'), echo only json_encode(...), and make sure no whitespace/BOM or warnings are printed before it.

React

  1. Vite: add server: { proxy: { '/api': 'http://localhost:8000' } } so API calls don’t hit index.html.

How to diagnose

  1. Raw body — What does res.text() contain?
  2. Status — Is it a 4xx/5xx/3xx?
  3. URL — Is the path/host correct?
  4. Server output — Any warnings printed before JSON?

🔧 Still not fixed?

Many errors look alike. If the steps above didn’t solve it, one of these is probably what you’re facing:

Where this error sits

Origin: On your device. Errors that are often confused with or caused by this one (click to open):

200 — HTTP 200 OK (but something is still wrong) (HTTP)200302 — HTTP 302 Found (Temporary Redirect) (HTTP)302400 — HTTP 400 Bad Request (HTTP)400404 — HTTP 404 Not Found (HTTP)404500 — HTTP 500 Internal Server Error (HTTP)500511 — HTTP 511 Network Authentication Required (HTTP)511cf-mitigated: challenge — API/app requests get 403 with cf-mitigated: challenge (Bot Fight Mode / challenge on non-browser clients) (Cloudflare)cf-mitigated: challen…circular JSON — TypeError: Converting circular structure to JSON (JavaScript)circular JSONSyntaxErr…

Explore the map of this error Full error map →

🧠 Still stuck? Analyze your error

Paste the full message, response headers or stack trace — we'll detect the platform and point to the most likely cause.

💬 What worked for others

No tips yet — did something else fix this for you?

Share what worked for you

Tips are checked by an editor before they appear. Links are removed.