Angular Ionic: Property 'json' doesn't exist on type 'Object'

Question

I'm creating an Ionic 2 project that shows github users and their details. I've created Service file called github-users.ts and compiler showing me this error in .json() method.

Property 'json' doesn't exist on type 'Object'

Here my github-users.ts source file

import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Observable } from 'rxjs/Rx';
import "rxjs/add/operator/map";

import { User } from "../../models/user";

@Injectable()
export class GithubUsersProvider {
  githubApiUrl = 'api.github.com';

  constructor(public http: HttpClient) { 
    console.log("Hello Github Users service");
   }

  load(): Observable<User[]> {
    return this.http.get(`${this.githubApiUrl}/users`)
      .map(res => <User[]>res.json());
  }
}

And I'm getting this error from console

core.js:1449 ERROR Error: Uncaught (in promise): Error: StaticInjectorError(AppModule)[GithubUsersProvider -> HttpClient]: 
  StaticInjectorError(Platform: core)[GithubUsersProvider -> HttpClient]: 
    NullInjectorError: No provider for HttpClient!
Error: StaticInjectorError(AppModule)[GithubUsersProvider -> HttpClient]: 
  StaticInjectorError(Platform: core)[GithubUsersProvider -> HttpClient]: 
    NullInjectorError: No provider for HttpClient!
    at _NullInjector.get (core.js:1003)
    at resolveToken (core.js:1301)
    at tryResolveToken (core.js:1243)
    at StaticInjector.get (core.js:1111)
    at resolveToken (core.js:1301)
    at tryResolveToken (core.js:1243)
    at StaticInjector.get (core.js:1111)
    at resolveNgModuleDep (core.js:10896)
    at _createClass (core.js:10933)
    at _createProviderInstance$1 (core.js:10907)
    at _NullInjector.get (core.js:1003)
    at resolveToken (core.js:1301)
    at tryResolveToken (core.js:1243)
    at StaticInjector.get (core.js:1111)
    at resolveToken (core.js:1301)
    at tryResolveToken (core.js:1243)
    at StaticInjector.get (core.js:1111)
    at resolveNgModuleDep (core.js:10896)
    at _createClass (core.js:10933)
    at _createProviderInstance$1 (core.js:10907)
    at c (polyfills.js:3)
    at Object.reject (polyfills.js:3)
    at NavControllerBase._fireError (nav-controller-base.js:223)
    at NavControllerBase._failed (nav-controller-base.js:216)
    at nav-controller-base.js:263
    at t.invoke (polyfills.js:3)
    at Object.onInvoke (core.js:4760)
    at t.invoke (polyfills.js:3)
    at r.run (polyfills.js:3)
    at polyfills.js:3

import HttpClientModule in your app.module.ts

Theophilus Omoregbee
– Theophilus Omoregbee

2018-07-20 06:15:25 +00:00
Commented Jul 20, 2018 at 6:15 — Theophilus Omoregbee
– Theophilus Omoregbee, Commented Jul 20, 2018 at 6:15

Sajeetharan · Accepted Answer · 2018-07-20 06:14:41Z

2

You need to import HttpClientModule to your app.module.ts under imports

imports:[
  HttpClientModule
]

answered Jul 20, 2018 at 6:14

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

jonybekov Over a year ago

Now I'm getting new error. ERROR TypeError: res.json is not a function

Sajeetharan Over a year ago

when you are using httpclient you do not need to use res.json. just return res

Nagender Pratap Chauhan · Accepted Answer · 2018-07-20 06:21:40Z

0

Your error is = [No provider for HttpClient!] this type of error occurs when you does not define http module in app.modules.ts file. so firstly check it.

exp: import { HttpModule } from '@angular/http';

imports: [ HttpModule]

edited Jul 20, 2018 at 6:21

answered Jul 20, 2018 at 6:18

Nagender Pratap Chauhan

2,23417 silver badges18 bronze badges

Collectives™ on Stack Overflow

Angular Ionic: Property 'json' doesn't exist on type 'Object'

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related