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

مرحبًا بالجميع! أنا مبتدئ في Angular و TypeScript. أقوم بإنشاء تطبيق بسيط يجب أن يحصل على بيانات من الخادم عبر HTTP. لقد قمت بإنشاء service باستخدام Angular CLI وأضفت إليه HttpClient. ولكن عندما أقوم بتشغيل التطبيق، يظهر الخطأ التالي في وحدة تحكم المتصفح: ``` NullInjectorError: No provider for HttpClient! ``` يبدو الـ service الخاص بي هكذا (ملف `data.service.ts`): ```typescript import { Injectable } from '@angular/core'; import { HttpClient } from '@angular/common/http'; @Injectable({ providedIn: 'root' }) export class DataService { constructor(private http: HttpClient) { } getUsers() { return this.http.get('https://jsonplaceholder.typicode.com/users'); } } ``` أما الـ component الذي يستخدم الـ service (ملف `app.component.ts`): ```typescript import { Component, OnInit } from '@angular/core'; import { DataService } from './data.service'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export cl