خطأ "mat-form-field must contain a MatFormFieldControl" في Angular Material

مرحبًا! أنا مبتدئ في Angular وأحاول إنشاء نموذج بسيط مع حقل إدخال باستخدام Angular Material. قمت بتثبيت جميع التبعيات، واستيراد MatFormFieldModule و MatInputModule في الوحدة الخاصة بي، ولكن عند تشغيل التطبيق أحصل على خطأ في وحدة التحكم: **ERROR Error: mat-form-field must contain a MatFormFieldControl** إليك كود المكون الخاص بي (ملف `login.component.ts`): ```typescript import { Component } from '@angular/core'; @Component({ selector: 'app-login', template: ` Email `, styleUrls: ['./login.component.css'] }) export class LoginComponent {} ``` والوحدة الخاصة بي (`app.module.ts`): ```typescript import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { MatFormFieldModule } from '@angular/material/form-field'; import { MatInputModule } from '@angular/material/input'; @NgModule({ imports: [ BrowserModule, BrowserAnimationsModule, MatFormFieldModule, MatInputModule ], declarations: [LoginComponent], bootstrap: [LoginComponent] }) export class AppModule {} ```