Error map

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

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.

NG0500 — Angular SSR: NG0500: During hydration Angular expected <div> but found <span> (NG0501, NG0502) (Angular)NG0500Hydration failed — Error: Hydration failed because the initial UI does not match what was rendered on the server (React)Hydration failedNG0100 — Angular: NG0100: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked (Angular)NG0100Cannot find control with name — Angular: Error: Cannot find control with name: 'email' (reactive forms) (Angular)Cannot find control…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…Could not find the builder's node package — Angular CLI: Could not find the '@angular-devkit/build-angular:browser' builder's node package / Cannot find module '@angular-devkit/build-angular/package.json' (Angular)Could not find the …window is not defined — Angular SSR: ReferenceError: window is not defined / document is not defined / localStorage is not defined (Angular)window is not defin…ReferenceError — ReferenceError: x is not defined (JavaScript)ReferenceErrorObjects are not valid as a React child — Error: Objects are not valid as a React child (React)Objects are not val…Invalid hook call — Error: Invalid hook call. Hooks can only be called inside of the body of a function component. (React)Invalid hook callNullInjectorError — Angular: NullInjectorError: No provider for X! (Angular)NullInjectorErrorNG8002 — Angular: NG8002: Can't bind to 'ngModel' since it isn't a known property of 'input' (Angular)NG8002TS2564 — TS2564: Property 'x' has no initializer and is not definitely assigned in the constructor (TypeScript)TS2564NG8003 — Angular: NG8003: No directive found with exportAs 'ngForm' (template reference variable) (Angular)NG8003NG01203 — Angular: NG01203: No value accessor for form control with name: 'x' (ControlValueAccessor missing) (Angular)NG01203NG01050 — Angular: NG01050: formControlName must be used with a parent formGroup directive (Angular)NG01050ChunkLoadError — ChunkLoadError: Loading chunk 123 failed. (JavaScript)ChunkLoadErrorNG0200 — Angular: NG0200: Circular dependency in DI detected for X (Angular)NG0200NG0201 — Angular: NG0201: No provider for X found in NodeInjector (Angular)NG0201NG0203 — 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)NG0203NG0300 — Angular: NG0300: Multiple components match node with tagname app-x: A and B (Angular)NG0300NG0600 — Angular: NG0600: Writing to signals is not allowed in a computed or an effect by default (Angular)NG0600ENOENT — npm ERR! enoent ENOENT: no such file or directory, open '/path/package.json' (npm)ENOENTNG0955 — Angular: NG0955: The provided track expression resulted in duplicated keys for a given collection (@for) (Angular)NG0955NG02100 — Angular: NG02100: InvalidPipeArgument: 'Unable to convert "x" into a date' for pipe 'DatePipe' (Angular)NG02100UnhandledPromiseRejection — Node.js: [UnhandledPromiseRejection] — This error originated either by throwing inside of an async function without a catch block (Node.js)UnhandledPromiseRej…TDZ — ReferenceError: Cannot access 'x' before initialization (JavaScript)TDZ

Directly related (7)

Hydration failedReact

Error: Hydration failed because the initial UI does not match what was rendered on the server

The HTML rendered on the server differs from the first client render, so React (Next.js/Remix) can’t attach to it.

NG0100Angular

Angular: NG0100: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked

A template value changed during the same change-detection cycle in which Angular already checked it (dev-mode only error).

Cannot find control with nameAngular

Angular: Error: Cannot find control with name: 'email' (reactive forms)

A `formControlName` points at a control that does not exist in the bound `FormGroup`.

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…

Could not find the builder's node packageAngular

Angular CLI: Could not find the '@angular-devkit/build-angular:browser' builder's node package / Cannot find module '@angular-devkit/build-angular/package.json'

The build tooling package is missing from `node_modules` — dependencies were not installed or the lockfile/install is broken.

window is not definedAngular

Angular SSR: ReferenceError: window is not defined / document is not defined / localStorage is not defined

Code that only works in a browser ran during server-side rendering, where `window`, `document` and `localStorage` do not exist.

Two steps away (20)

ReferenceErrorJavaScript

ReferenceError: x is not defined

Code refers to a variable or function name that doesn’t exist in the current scope.

Objects are not valid as a React childReact

Error: Objects are not valid as a React child

You tried to render a plain object (or a Promise/Date) directly in JSX; React can only render strings, numbers, elements and arra…

Invalid hook callReact

Error: Invalid hook call. Hooks can only be called inside of the body of a function component.

A hook ran outside a function component/custom hook, conditionally — or two copies of React are loaded.

NullInjectorErrorAngular

Angular: NullInjectorError: No provider for X!

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

NG8002Angular

Angular: NG8002: Can't bind to 'ngModel' since it isn't a known property of 'input'

The template uses a property binding that no imported directive provides — for ngModel, FormsModule isn’t imported.

TS2564TypeScript

TS2564: Property 'x' has no initializer and is not definitely assigned in the constructor

With strictPropertyInitialization on, a class property declared without ? or a default isn’t set in the constructor.

NG8003Angular

Angular: NG8003: No directive found with exportAs 'ngForm' (template reference variable)

A template reference such as `#f="ngForm"` points at a directive Angular cannot find on that element — the module that provides i…

NG01203Angular

Angular: NG01203: No value accessor for form control with name: 'x' (ControlValueAccessor missing)

A form directive (`formControlName`, `ngModel`) is on an element or component that Angular cannot read/write values from.

NG01050Angular

Angular: NG01050: formControlName must be used with a parent formGroup directive

`formControlName` is used outside any `[formGroup]` — the control has no form to belong to.

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.

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.

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`.

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.

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…

ENOENTnpm

npm ERR! enoent ENOENT: no such file or directory, open '/path/package.json'

npm ran in a directory without a package.json.

NG0955Angular

Angular: NG0955: The provided track expression resulted in duplicated keys for a given collection (@for)

In an `@for` block (or `trackBy`), two items produced the same tracking key, so Angular cannot match them to DOM nodes reliably.

NG02100Angular

Angular: NG02100: InvalidPipeArgument: 'Unable to convert "x" into a date' for pipe 'DatePipe'

The `date` pipe was given a value it cannot turn into a Date — an invalid string, a non-ISO format, `null` handled wrongly or a s…

UnhandledPromiseRejectionNode.js

Node.js: [UnhandledPromiseRejection] — This error originated either by throwing inside of an async function without a catch block

A promise rejected and nothing handled it; since Node 15 this crashes the process.

TDZJavaScript

ReferenceError: Cannot access 'x' before initialization

A let/const/class was used before its declaration line ran (temporal dead zone) — often a circular import.