angular: error NG8001: 'pagination-controls' is not a known element

>PROBLEM

 

When angular compiles, returns the following error:

Error: src/app/crud/crud-employee/crud-employee-list/crud-employee-list.component.html:28:11 - error NG8001: 'pagination-controls' is not a known element:

1. If 'pagination-controls' is an Angular component, then verify that it is part of this module.

2. If 'pagination-controls' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

28           <pagination-controls id="employees_listing_pagination" maxSize="5" directionLinks="true" (pageChange)="page = $event"></pagination-controls>

>SOLUTION

This kind of error message happened when using ngx-bootstrap and some other kind of issue promotes a compilation errors returning eventually this message.

The most common issues were:

1. Malformed module configuration.

2. Non-visible chars resulting in unexpected combinations.

3. Components not declared.

Details at:

angular: ngForm: error NG8002: Can't bind to 'formControl' since it isn't a known property of 'input'.

angular or another framework/language: Mysterious compilation errors suddenly appeared after restarting app

angular: is not a known element  (import config of module/submodule: @NgModule)

>ENV

Window
Node.js
Angular + ngx-bootstrap