Error map

mat-form-field must contain a MatFormFieldControl Angular Material: Error: mat-form-field must contain a MatFormFieldControl

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.

mat-form-field must contain a MatFormFieldControl — Angular Material: Error: mat-form-field must contain a MatFormFieldControl (Angular)mat-form-fi…NG8002 — Angular: NG8002: Can't bind to 'ngModel' since it isn't a known property of 'input' (Angular)NG8002NG8001 — Angular: NG8001: 'app-item' is not a known element — verify that it is included in the component's imports (Angular)NG8001NG8003 — Angular: NG8003: No directive found with exportAs 'ngForm' (template reference variable) (Angular)NG8003Cannot find control with name — Angular: Error: Cannot find control with name: 'email' (reactive forms) (Angular)Cannot find control…NG01203 — 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)NG01050NG01352 — Angular: NG01352: If ngModel is used within a form tag, either the name attribute must be set or the form control must be defined as 'standalone' (Angular)NG01352uncontrolled to controlled — Warning: A component is changing an uncontrolled input to be controlled (React)uncontrolled to con…TemplateDoesNotExist — django.template.exceptions.TemplateDoesNotExist: app/page.html (Python)TemplateDoesNotExistThere was an error trying to send your message — Contact Form 7: There was an error trying to send your message. Please try again later. (WordPress)There was an error …NullInjectorError — Angular: NullInjectorError: No provider for X! (Angular)NullInjectorErrorNG8004 — Angular: NG8004: No pipe found with name 'async' / 'date' / 'translate' — pipe not imported (Angular)NG8004NG8103 — Angular: NG8103: The *ngIf directive was used, but neither the NgIf directive nor the CommonModule was imported (Angular)NG8103NG8113 — Angular: NG8113: NgIf is not used within the template of AppComponent — unused standalone import (Angular)NG8113NG0301 — Angular: NG0301: Export of name 'x' not found! (template variable #x="exportAs") (Angular)NG0301NG02200 — Angular: NG02200: Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays (Angular)NG02200NG0100 — Angular: NG0100: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked (Angular)NG0100NG0300 — 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)NG0500

Directly related (7)

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.

NG8001Angular

Angular: NG8001: 'app-item' is not a known element — verify that it is included in the component's imports

The template uses a tag Angular does not recognise as a component — it was never imported (standalone) or declared/exported (NgMo…

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…

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

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.

NG01352Angular

Angular: NG01352: If ngModel is used within a form tag, either the name attribute must be set or the form control must be defined as 'standalone'

An `[(ngModel)]` input sits inside a `` but has no `name`, so Angular cannot register it as a form control.

Two steps away (12)

uncontrolled to controlledReact

Warning: A component is changing an uncontrolled input to be controlled

An input’s `value` started as `undefined` (uncontrolled) and later became a defined value (controlled), or vice versa.

TemplateDoesNotExistPython

django.template.exceptions.TemplateDoesNotExist: app/page.html

Django searched all template directories and couldn’t find that template.

There was an error trying to send your messageWordPress

Contact Form 7: There was an error trying to send your message. Please try again later.

The form submitted, but wp_mail() failed to send — the server can’t send mail or the mail settings are wrong.

NullInjectorErrorAngular

Angular: NullInjectorError: No provider for X!

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

NG8004Angular

Angular: NG8004: No pipe found with name 'async' / 'date' / 'translate' — pipe not imported

The template uses a pipe Angular does not know — it is not imported into the component (standalone) or its module.

NG8103Angular

Angular: NG8103: The *ngIf directive was used, but neither the NgIf directive nor the CommonModule was imported

A standalone component uses `*ngIf`, `*ngFor` or `ngClass` without importing the directive — or should migrate to the built-in `@…

NG8113Angular

Angular: NG8113: NgIf is not used within the template of AppComponent — unused standalone import

A standalone component lists a directive, pipe or component in `imports` but never uses it in its template.

NG0301Angular

Angular: NG0301: Export of name 'x' not found! (template variable #x="exportAs")

A template variable asks for a directive by `exportAs` name, but no directive with that export is on the element at runtime.

NG02200Angular

Angular: NG02200: Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays

`*ngFor` (or `@for`) was given an object, `null` shape or a non-iterable instead of an array.

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

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…