R3InjectorError Error " No provider for _HttpClient! "

I got this error message "ERROR Error [NullInjectorError]: R3InjectorError(Environment Injector)[_HttpClient -> _HttpClient]: NullInjectorError: No provider for _HttpClient!" while trying to upload and save gifs through backend, nd there are some settings that I get from the backend of my application.

There is my app.module.ts

// app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { AppRoutingModule } from './app-routing.module';
import { RootComponent } from './root.component'; // Import RootComponent
import { GifDetailComponent } from '../gif/gif-detail.component'; // Import GifDetailComponent
import { FormsModule } from '@angular/forms';
import { HttpClientModule } from '@angular/common/http';
import { UploadComponent } from '../Upload/upload.component'; // Import UploadComponent
import { UploadModule } from '../Upload/upload.module'; // Import UploadModule

@NgModule({
declarations: [
RootComponent, // Declare RootComponent
GifDetailComponent,


],
imports: [
BrowserModule,
CommonModule,
AppRoutingModule,
RouterModule,
FormsModule,
HttpClientModule,
UploadModule,
],
providers: [],
bootstrap: [ RootComponent ] // Bootstrap RootComponent

})
export class AppModule { }


Upload.module.ts

// upload.module.ts
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms'; // Import FormsModule
import { UploadComponent } from './upload.component';

@NgModule({
declarations: [UploadComponent],
imports: [
CommonModule,

FormsModule, // Use FormsModule instead of ReactiveFormsModule
],
exports: [UploadComponent]
})
export class UploadModule { }


Any ideas what should i do?

There is a my github link : https://github.com/BekaEn/GifApp

Continue reading...