JavaScript

Angular Material, cli, karma

Mark Andrews

04 Jun 2018 • 1 min read

From the error messages that give you the answer but it's still not clear department.

Angular tests were throwing this error:

Failed: Template parse errors:
'mat-card' is not a known element:
1. If 'mat-card' is an Angular component, then verify that it is part of this module.
2. If 'mat-card' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("[ERROR ->]<mat-card>
  <p style="text-"): ng:///DynamicTestModule/AboutpageComponent.html@0:0

The answer was on Stack Overflow. I guess I didn't want to just "suppress this message" but if it makes the tests pass, that's OK.

I had to do this for my own custom modules, too. Not sure how many apps won't have custom modules, so maybe this should be scaffolded as default by the Angular CLI.