'Angular material 9 broken UI

I am getting the following warning message

  • Can't bind to 'dataSource' since it isn't a known property of 'mat-table'.
  • Can't bind to 'ngIf' since it isn't a known property of 'div'.
  • Can't bind to 'breadcrumbs' since it isn't a known property of 'app-bread-crumb'.
  • Can't bind to 'formGroup' since it isn't a known property of 'form'.
  • Can't bind to 'ngIf' since it isn't a known property of 'mat-error'.

All these warning point to components under a single module named "import-export". I have imported all the angular material into a single module named "angular-material" and have imported angular-material into import-export module

How to resolve all these issues?

angular9angular-material-9


Solution 1:[1]

The warning messages were purely because of incorrect import. I corrected the imports in the correct module and there are no more warning or error messages.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Ramya

Related Questions