javascript - Varför visas inte etiketten i mitt mat-form-field?

Jag använder Angular Material för att bygga en sida, jag försöker använda mat-form-field-komponenten men etiketten fungerar inte och jag vet inte varför. Kan någon hjälpa mig, tack på förhand till er alla.

app.module.ts:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { SignInComponent } from './views/sign-in/sign-in.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

import { MatFormFieldModule } from "@angular/material/form-field";

@NgModule({
  declarations: [
    AppComponent,
    SignInComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    BrowserAnimationsModule,
    MatFormFieldModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

sign-in.component.ts:

import { Component } from '@angular/core';

@Component({
  selector: 'app-sign-in',
  templateUrl: './sign-in.component.html',
  styleUrls: ['./sign-in.component.css']
})
export class SignInComponent {

}

sign-in.component.html:

<form>
    <mat-form-field appearance="fill">
        <mat-label>Login</mat-label>
        <input matInput type="text">
    </mat-form-field>
</form>

Svar #1

Detta är avsiktligt med materialtematisering och densitet på -2 eftersom det finns för lite utrymme för att visa etiketten. Titta på din tematisering, ändra till density: -1, så kommer den att visas igen.

Ser GitHub-ärende

Svar #2

Jag löste mitt problem, problemet var att för att mat-form-field ska visa etiketten måste man importera MatInputModule, tack till alla som hjälpt mig.