Angular2-TypeError：这个。http。得到（…）。toPromise不是一个函数

Question

我试着按照教程angular.io（游览英雄）但不是教程，我试着在一些JSON上提出真正的GET请求。

我的代码如下所示：

  private userUrl = 'https://jsonplaceholder.typicode.com/users';
  constructor(private http: Http) {}

  getUsersHttp(): Promise<User[]> {
    return this.http.get(this.userUrl)
      .toPromise()
      .then(response => response.json().data as User[])
      .catch(this.handleError);
  }

为了服务，我只进口一些基本的东西：

import { Injectable }     from '@angular/core';
import { Headers, Http, Response } from '@angular/http';
import { User } from './user';

其中user.ts是TOH中heroe.ts的基本副本，所以：

export class User {
  id: number;
  name: string;
}

如何在服务中调用此特定方法：首先，我尝试多种方法，但在调试时，我只尝试控制台。将其记录为：

 console.log(this.userService.getUsersHttp());

在控制台中加载页面时，我发现多个错误：第一个错误是：

例外：TypeError：这是一个错误。http。得到（…）。toPromise不是一个函数

第二个是：

this.http.get（）. toPromise不是一个函数BrowserDomAdapter.log错误@

服务本身看起来不错。我将我的服务添加到应用程序。单元ts在此行中：

providers: [ HTTP_PROVIDERS, UserService ]

它的工作原理，如果我直接返回数据与一些函数，如（和注释出调用getUsertHttp函数）：

  getUsers() {
    return [{'id': 1, 'name': 'User1'}, {'id': 2, 'name': 'User2'}];
  }

我试着描述所有可能重要的事情，若问题有点长，那个么很抱歉。伙计们，你们能告诉我我做错了什么吗？

Answer 1

看起来你错过了导入：

导入'rxjs/add/operator/toPromise'