# ★ Constructor

## `ValidationError()`

Creates the [`ValidationError`](https://error.angular-package.dev/draft-5/validationerror) instance that represents validation error with the [message](https://error.angular-package.dev/draft-5/commonerror/accessors/get-message) built of the given described [problem](#problem-string), its [solution](#fix-string), and optional explicit [identification](#id-id), on the supplied or stored error message [template](#template-string-error.template).

{% code title="validation-error.class.ts" %}

```typescript
constructor(
  problem: string,
  fix: string,
  id?: Id,
  template = ValidationError.template
) {
  super(problem, fix, id, template);
}
```

{% endcode %}

### Parameters

#### `problem:`[<mark style="color:green;">`string`</mark>](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String)

Description of the [problem](https://error.angular-package.dev/draft-5/getting-started/basic-concepts#problem) of a [`string`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String) type.

#### `fix:`[<mark style="color:green;">`string`</mark>](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String)

A solution to the given [`problem`](#problem-string) of a [`string`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String) type.

#### `id?:`[<mark style="color:green;">`Id`</mark>](https://error.angular-package.dev/draft-5/generic-type-variables#validationerror-less-than-id-greater-than)

Optional unique [identification](https://error.angular-package.dev/draft-5/getting-started/basic-concepts#identification) to the given [`problem`](#problem-string) of generic type variable [`Id`](https://error.angular-package.dev/draft-5/commonerror/generic-type-variables#wrap-opening).

#### `template:`[<mark style="color:green;">`string`</mark>](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String)`=`<mark style="color:green;">`ValidationError`</mark>`.template`

A template of error message with the replaceable [`{problem}`](https://error.angular-package.dev/draft-5/commonerror/properties/static-template#problem), [`{fix}`](https://error.angular-package.dev/draft-5/commonerror/properties/static-template#fix) and optional [`{id}`](https://error.angular-package.dev/draft-5/commonerror/properties/static-template#id) tags. By default, the value is equal to the static property [`template`](https://error.angular-package.dev/draft-5/commonerror/properties/static-template).

## Example usage

```typescript
// Example usage.
import { ValidationError } from '@angular-package/error';

// Returns
// ValidationError: ProblemTE:201: Wrong type => Fix: Change the type
new ValidationError('Wrong type', 'Change the type', 'TE:201');
```