Error message in Console that don't point to where they are happening

Technical Questions
1

Am getting an error message like this, which doesn’t really point to a component/page where it’s happening:

vendor.7d65a566181bebb0.js:130731 ERROR Error: mat-form-field must contain a MatFormFieldControl.
    at getMatFormFieldMissingControlError (vendor.7d65a566181bebb0.js:192545:10)
    at MatFormField._assertFormFieldControl (vendor.7d65a566181bebb0.js:192794:13)
    at MatFormField.ngAfterContentChecked (vendor.7d65a566181bebb0.js:192704:10)
    at callHookInternal (vendor.7d65a566181bebb0.js:129357:10)
    at callHook (vendor.7d65a566181bebb0.js:129384:5)
    at callHooks (vendor.7d65a566181bebb0.js:129341:9)
    at executeInitAndCheckHooks (vendor.7d65a566181bebb0.js:129296:5)
    at refreshView (vendor.7d65a566181bebb0.js:136842:11)
    at detectChangesInView$1 (vendor.7d65a566181bebb0.js:137021:5)
    at detectChangesInViewIfAttached (vendor.7d65a566181bebb0.js:136984:3)

I can track it, in this instance, to a particular component that’s included in another component, and there is a form field on the template…but not sure how to take it to root cause.
Any tips?

2

Angular is not very helpful here :). I have seen this before when a Form Field () does not have an input, select or textarea inside it. If you put the “if false” on the input inside the form field for example. If that is not it, just ping me the link to the component and I can try to help track it down.

3

after commenting out the form field (which I thought I had already tried) the error went away.

So form fields are used to apply styles to what’s inside them, so I must not have the needed inputs as you mentioned. Thanks

4

Form Fields do much more than apply styling. You can read about them here: Angular Material UI component library.