Error map

Http failure during parsing Angular: Http failure during parsing for http://…: SyntaxError: Unexpected token '<' (response is not JSON)

Angular · layer 1, On your device

Open the full error page →

Centre: this error. First ring: errors it is linked with (7). Outer ring: what those are linked with. Colours show the layer of a request each error belongs to. Click any dot to re-centre the map on it; hover to follow its connections. The centre dot opens the error page.

Http failure during parsing — Angular: Http failure during parsing for http://…: SyntaxError: Unexpected token '<' (response is not JSON) (Angular)Http failur…entity.parse.failed — API Error: Malformed JSON in request body (entity.parse.failed / JSON parse error) (API)entity.parse.failedUnexpected token < — SyntaxError: Unexpected token '<' (HTML served instead of JavaScript) (JavaScript)Unexpected token <NullInjectorError: No provider for HttpClient! — Angular: NullInjectorError: No provider for HttpClient! — provideHttpClient() missing (Angular)NullInjectorError: …Http failure response for (unknown url): 0 Unknown Error — Angular: HttpErrorResponse — Http failure response for (unknown url): 0 Unknown Error (status 0) (Angular)Http failure respon…Http failure response: 404 Not Found — Angular: Http failure response for http://…/api/x: 404 Not Found (HttpErrorResponse) (Angular)Http failure respon…exceeded maximum budget — Angular build: Error: bundle initial exceeded maximum budget. Budget 1.00 MB was not met by 120.00 kB with a total of 1.12 MB (Angular)exceeded maximum bu…Schema validation failed with the following errors — Angular CLI: Schema validation failed with the following errors: Data path "" must NOT have additional properties(xyz) (Angular)Schema validation f…400 — HTTP 400 Bad Request (HTTP)400415 — HTTP 415 Unsupported Media Type (HTTP)415SyntaxError: JSON — SyntaxError: Unexpected token < in JSON at position 0 (JavaScript)SyntaxError: JSONmissing ) — SyntaxError: missing ) after argument list (JavaScript)missing )already declared — SyntaxError: Identifier 'x' has already been declared (JavaScript)already declaredawait outside async — SyntaxError: await is only valid in async functions and the top level bodies of modules (JavaScript)await outside asyncNullInjectorError — Angular: NullInjectorError: No provider for X! (Angular)NullInjectorErrorNG0200 — Angular: NG0200: Circular dependency in DI detected for X (Angular)NG0200NG0201 — Angular: NG0201: No provider for X found in NodeInjector (Angular)NG0201Failed to fetch — TypeError: Failed to fetch / NetworkError when attempting to fetch resource (JavaScript)Failed to fetchCORS — CORS Error: No 'Access-Control-Allow-Origin' header is present (API)CORSproxy.conf.json not working — Angular CLI: [HPM] Error occurred while proxying request localhost:4200 to http://localhost:3000 [ECONNREFUSED] (Angular)proxy.conf.json not…404 — HTTP 404 Not Found (HTTP)404ChunkLoadError — ChunkLoadError: Loading chunk 123 failed. (JavaScript)ChunkLoadErrorNG0300 — Angular: NG0300: Multiple components match node with tagname app-x: A and B (Angular)NG0300NG0500 — Angular SSR: NG0500: During hydration Angular expected <div> but found <span> (NG0501, NG0502) (Angular)NG0500NG0203 — Angular: NG0203: inject() must be called from an injection context such as a constructor, a factory function, a field initializer or a function used with runInInjectionContext (Angular)NG0203NG0600 — Angular: NG0600: Writing to signals is not allowed in a computed or an effect by default (Angular)NG0600NG0912 — Angular: NG0912: Component ID generation collision detected. Components 'A' and 'B' with selector 'app-x' use the same ID (Angular)NG0912

Directly related (7)

entity.parse.failedAPI

API Error: Malformed JSON in request body (entity.parse.failed / JSON parse error)

The server couldn’t parse the request body as JSON, so it rejected the request before looking at any field.

Unexpected token <JavaScript

SyntaxError: Unexpected token '<' (HTML served instead of JavaScript)

The browser loaded a .js file but received HTML (an error page or the SPA index.html).

NullInjectorError: No provider for HttpClient!Angular

Angular: NullInjectorError: No provider for HttpClient! — provideHttpClient() missing

A service or component injects `HttpClient`, but HTTP support was never added to the app's providers.

Http failure response for (unknown url): 0 Unknown ErrorAngular

Angular: HttpErrorResponse — Http failure response for (unknown url): 0 Unknown Error (status 0)

`HttpClient` got no HTTP response at all: the request was blocked (CORS), failed at network level, or the server is unreachable —…

Http failure response: 404 Not FoundAngular

Angular: Http failure response for http://…/api/x: 404 Not Found (HttpErrorResponse)

The API answered 404 — the URL is wrong (base URL, path or id), or the proxy/rewrite does not forward the request.

exceeded maximum budgetAngular

Angular build: Error: bundle initial exceeded maximum budget. Budget 1.00 MB was not met by 120.00 kB with a total of 1.12 MB

The production build is larger than the size limits (budgets) in angular.json, and the build is configured to fail.

Schema validation failed with the following errorsAngular

Angular CLI: Schema validation failed with the following errors: Data path "" must NOT have additional properties(xyz)

`angular.json` (or an option you passed to a builder) contains a property the schema does not allow — a typo, an option removed i…

Two steps away (19)

400HTTP

HTTP 400 Bad Request

The server could not understand the request because its syntax, headers or body are malformed or invalid.

415HTTP

HTTP 415 Unsupported Media Type

The server refuses the request because the body’s Content-Type isn’t one it accepts.

SyntaxError: JSONJavaScript

SyntaxError: Unexpected token < in JSON at position 0

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

missing )JavaScript

SyntaxError: missing ) after argument list

A function call’s parentheses are unbalanced — often an unescaped quote or a missing comma/plus.

already declaredJavaScript

SyntaxError: Identifier 'x' has already been declared

The same let/const/class name was declared twice in the same scope.

await outside asyncJavaScript

SyntaxError: await is only valid in async functions and the top level bodies of modules

await was used inside a function that isn’t async (or in a classic, non-module script).

NullInjectorErrorAngular

Angular: NullInjectorError: No provider for X!

Angular’s dependency injection couldn’t find a provider for a service/token the component needs.

NG0200Angular

Angular: NG0200: Circular dependency in DI detected for X

Two or more services inject each other (directly or through a chain), so Angular cannot create any of them first.

NG0201Angular

Angular: NG0201: No provider for X found in NodeInjector

A component or directive asked for a service no injector in its tree provides.

Failed to fetchJavaScript

TypeError: Failed to fetch / NetworkError when attempting to fetch resource

The browser couldn’t complete the request at the network level — CORS, DNS, offline, blocked mixed content, or the server refused…

CORSAPI

CORS Error: No 'Access-Control-Allow-Origin' header is present

The browser blocked a cross-origin request because the server’s response didn’t include the CORS headers allowing your site’s ori…

proxy.conf.json not workingAngular

Angular CLI: [HPM] Error occurred while proxying request localhost:4200 to http://localhost:3000 [ECONNREFUSED]

The `ng serve` dev proxy cannot forward your API call — it was not enabled, the path does not match, or the target server is down.

404HTTP

HTTP 404 Not Found

The server can’t find anything at the requested URL.

ChunkLoadErrorJavaScript

ChunkLoadError: Loading chunk 123 failed.

A lazily loaded JavaScript chunk couldn’t be downloaded — usually because a new deployment removed the old hashed files.

NG0300Angular

Angular: NG0300: Multiple components match node with tagname app-x: A and B

Two components in scope share the same selector, so Angular cannot decide which one renders for that tag.

NG0500Angular

Angular SSR: NG0500: During hydration Angular expected <div> but found <span> (NG0501, NG0502)

The HTML rendered on the server does not match what the browser's Angular app tried to render, so hydration failed and the page w…

NG0203Angular

Angular: NG0203: inject() must be called from an injection context such as a constructor, a factory function, a field initializer or a function used with runInInjectionContext

`inject()` was called somewhere Angular is not constructing a class — for example inside a method, a callback or after an `await`.

NG0600Angular

Angular: NG0600: Writing to signals is not allowed in a computed or an effect by default

A `computed()` (or, by default, an `effect()`) tried to call `.set()` or `.update()` on a signal — that creates hidden update loo…

NG0912Angular

Angular: NG0912: Component ID generation collision detected. Components 'A' and 'B' with selector 'app-x' use the same ID

Angular generated the same internal id for two different components — usually two components with the same selector, template and…