خطأ "No provider for HttpClient" في Angular: الأسباب والحل

مرحبًا! أنا مبتدئ في Angular وTypeScript. أحاول إجراء طلب HTTP إلى API في تطبيقي، ولكن عند التشغيل أحصل على الخطأ التالي: ``` NullInjectorError: No provider for HttpClient! ``` هذا هو الكود الخاص بي. الخدمة `DataService`: ```typescript import { Injectable } from '@angular/core'; import { HttpClient } from '@angular/common/http'; @Injectable() export class DataService { constructor(private http: HttpClient) {} getPosts() { return this.http.get('https://jsonplaceholder.typicode.com/posts'); } } ``` المكون `AppComponent`: ```typescript import { Component, OnInit } from '@angular/core'; import { DataService } from './data.service'; @Component({ selector: 'app-root', template: '' }) export class AppComponent implements OnInit { posts: any[] = []; constructor(private dataService: DataService) {} ngOnInit() { this.dataService.getPosts().subscribe((data: any) => {