Getting Error with HttpClient Module in angular

angular httpclient ng-modules
Gajendra Devkate picture Gajendra Devkate · Apr 8, 2020 · Viewed 7.7k times · Source

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 {

Answer

Thilina Liyanage picture Thilina Liyanage · May 1, 2020

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

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

Related questions

Angular 4: "Http failure response for (unknown URL): 0 Unknown Error"

I am trying to consume an API URL. I am calling the API with the below code. import {HttpClient, HttpClientModule, HttpParams} from "@angular/common/http"; @Injectable() export class PropertyPrefService { constructor(private http: HttpClient, private configurationService:Configuration) {} public searchProjects(propFilter:string):…

Read More
How to pass URLSearchParams in the HttpClient "get" method - Angular 5

I used Angular 4.2 with the Http service and I used the get method like this where params is a URLSearchParams object: this.http.get(url, {headers: this.setHeaders(), search: params}) I want to migrate to Angular 5. http is now a …

Read More
Error: No provider for HttpHandler in angular2

I am trying to implement HttpCache through interceptor. Following is the caching-interceptor.service.ts import { HttpRequest, HttpResponse, HttpInterceptor, HttpHandler, HttpEvent } from '@angular/common/http' import { Injectable } from '@angular/core'; import { Observable } from 'rxjs/Observable'; import 'rxjs/add/operator/…

Read More