Getting Error with HttpClient Module in angular

Question

ERROR in node_modules/@angular/common/http/http.d.ts:81: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.

81 export declare class HttpClient {

{ "scripts": { "postinstall": "ngcc" } } – xdeepakv Apr 08 '20 at 05:38 — xdeepakv, Apr 08 '20 at 05:38

score 28 · Answer 1 · edited May 01 '20 at 16:24

28

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

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

edited May 01 '20 at 16:24

David Buck

3,752
35
31
35

answered May 01 '20 at 16:13

Thilina Liyanage

459
3
7

score 5 · Answer 2 · edited May 23 '20 at 18:56

5

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

edited May 23 '20 at 18:56

double-beep

5,031
17
33
41

answered May 23 '20 at 15:24

Prince Sewani

71
1

score 2 · Answer 3 · edited Sep 20 '22 at 04:23

2

npm cache verify
npm cache clean --force

edited Sep 20 '22 at 04:23

Ryan M

18,333
31
67
74

answered Dec 14 '20 at 09:22

Md omer arafat

398
7
10

score 1 · Answer 4 · edited Jun 30 '22 at 03:17

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 {}

score 0 · Answer 5 · edited Nov 03 '20 at 14:09

0

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

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

edited Nov 03 '20 at 14:09

Pandey Amit

657
6
19

answered Nov 02 '20 at 18:14

Halil Demiray

1

score 0 · Answer 6 · edited Jan 10 '21 at 05:34

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
],

score 0 · Answer 7 · answered Feb 24 '21 at 14:50

0

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

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

answered Feb 24 '21 at 14:50

Franco Sartori

1

score 0 · Answer 8 · answered Jan 13 '23 at 18:34

The HttpClientModule needs to be imported under @NgModule section. So make sure it is under "imports" as opposed to the "declaration" section. This should resolve the problem as in: imports: [ BrowserModule, HttpClientModule, FormsModule, AppRoutingModule, ],

score 0 · Answer 9 · answered Jun 20 '23 at 10:44

0

I made it work!

At app.module.ts, add HttpClientModule import, not HttpClient

import { HttpClientModule } from '@angular/common/http';

At app.module.ts, add HttpClientModule in imports section

`

imports: [  
BrowserModule,
AppRoutingModule,
FormsModule,
HttpClientModule
  ],

`

At the **service.ts, do not import HttpClientModule. add HttpClient import instead.

import { HttpClient } from '@angular/common/http';

I hope this is clear now!

answered Jun 20 '23 at 10:44

Ash

1
1

Welcome to SO and thanks for sharing. This answer seems to be the same as the other existing answers here. Going forward, try to help improve existing answers instead of creating duplicates. – ccondrup Jun 22 '23 at 12:37

score 0 · Answer 10 · answered Jul 06 '23 at 08:29

0

Just try to run the following command

npm install

answered Jul 06 '23 at 08:29

khaled saleh

470
7
18

Getting Error with HttpClient Module in angular

10 Answers10

Linked