Getting Error with HttpClient Module in angular

Maybe you have imported HttpClient instead ofHttpClientModule. Check imports in app.module.ts

imports: [  
    BrowserModule,
    AppRoutingModule,
    BrowserAnimationsModule,
    MatToolbarModule,
    FlexLayoutModule,
    HttpClientModule
  ],

That precisely is, when it comes to importing it should be HttpClientModule and when it comes to usage it should be HttpClient

Reference: https://angular.io/guide/http

1. npm cache verify

2. npm cache clean --force

I faced Same Issue in AngularJs Version 13:

Error: node_modules/@angular/common/http/http.d.ts:91:22 - error NG6002: Appears in the NgModule.imports of AppModule, but could not be resolved to an NgModule class

This likely means that the library (@angular/common/http) which declares HttpClient has not been processed correctly by ngcc, or is not compatible with Angular Ivy. Check if a newer version of the library is available, and update if so. Also consider checking with the library's authors to see if the library is expected to be compatible with Ivy.

Solution : That Error is Our HttpClientModule is Not Import In our

app.module.ts file

Then You Can Add HttpClientModule to imports Area. *

@NgModule({
  declarations: [AppComponent],
  // After import here Above Import API
  imports: [
    BrowserModule,
    AppRoutingModule,
    BrowserAnimationsModule,
    HttpClientModule,
  ],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule {}

I had the same problem. It's working to me.

Finish serve project to : Crtl+c, npm install and build again ng serve --open

I had the same problem, I just ran the following command and it worked for me.

npm cache verify

If it doesn't work, manually delete node_module and reinstall it.

rm -rf node_modules
npm install

And also you need to add HttpClientModule just after BrowserModule. Otherwise, it won't work. See below.

imports: [  
   BrowserModule,
   HttpClientModule,
   AppRoutingModule,
   BrowserAnimationsModule,
   MatToolbarModule,
   FlexLayoutModule
],

In app.module.ts => import { HttpClientModule } from '@angular/common/http';

In the service => import { HttpClient } from '@angular/common/http';