我是 Ionic 的新手。

这 个 Lynda 课程是我对 Ionic 的入门介绍，我一直在顺利地跟随讲师的教程，直到他介绍了 提供程序 。我的提供程序文件如下：

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

/*
  Generated class for the PeopleDataProvider provider.

  See https://angular.io/guide/dependency-injection for more info on providers
  and Angular DI.
*/
@Injectable()
export class PeopleDataProvider {

  constructor(public http: HttpClient) {
    console.log('Hello PeopleDataProvider Provider');
  }

  getPeople(){
    return this.http.get('https://randomuser.me/api/?results=10&nat=us&seed=d07ade5f51ff3011')
    .map(res => res.json())
    .map(res => res.results);
  }

}

我的 home.ts 文件如下：

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';

import { DetailPage } from '../detail/detail';
import { PeopleDataProvider } from '../../providers/people-data/people-data';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html',
  providers: [PeopleDataProvider]
})
export class HomePage {

    public people = new Array();
    private detailPage;

  constructor(public navCtrl: NavController, public peopleData:PeopleDataProvider) {

    peopleData.getPeople().subscribe(people => {
      console.log('people',people);
      this.people = people;
    });
    this.detailPage = DetailPage;
  }

  loadDetail(person){
    console.log(person);
    this.navCtrl.push(this.detailPage, {person:person});
  }

}

当应用程序加载时，我收到以下错误：

Typescript Error

Property 'json' does not exist on type 'Object'.

src/providers/people-data/people-data.ts

return this.http.get(' https://randomuser.me/api/?results=10&nat=us&seed=d07ade5f51ff3011 ') .map(res => res.json()) .map(res => res.results);

此 帖子建议引入 import 'rxjs/add/operator/map'; 作为解决方案。

但是，该导入并不能解决我的问题。

额外的复杂性：

在浏览器刷新几次后，错误变为以下异常，但我无法预测何时发生，也无法控制它何时发生：

ionic Error: Uncaught (in promise): Error: StaticInjectorError(AppModule)[PeopleDataProvider -> HttpClient]:

我不知道这两个错误是否相关。