title: Why is mat-form-field not working even after importing dependencies?
body: <p>I have a little angular project where I use some Angular Material elements. Instead of having the old, lame html input field, I wanted to implement the cool Material one. But it is not working. I am using already some Angular Material elements like the Material Button successfully.</p>
  <p>I checked existing posts but did not found a solution for this problem. I hope some of you can enlighten me in this case.</p>
  <p>This is my code in the html:</p>
  <pre><code>&lt;mat-form-field&gt;
      &lt;mat-label&gt;Favorite food&lt;/mat-label&gt;
      &lt;input matInput placeholder=&quot;Ex. Pizza&quot; value=&quot;Sushi&quot;&gt;
  &lt;/mat-form-field&gt;
  </code></pre>
  <p>Thats the result:</p>
  <p><a href="https://i.stack.imgur.com/ewdhr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ewdhr.png" alt="enter image description here" /></a></p>
  <p>Note that there is also no <code>mat-label</code> showing.</p>
  <p>app.module.ts:</p>
  <p><a href="https://i.stack.imgur.com/q1NWe.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/q1NWe.png" alt="enter image description here" /></a></p>
  <p>Who can tell me what went wrong? Thanks for every help!</p>