如果我在Angular2中创建新类，则会出现此错误：TypeError：http_2.Headers不是构造函数

Question

这是一个错误！ 在v1.8中-此错误已修复！

我在TypeScript存储库中创建问题： https : //github.com/Microsoft/TypeScript/issues/7616

问题：

我创建一个简单的类：defs.ts

export class default_config {
    token:string
}

export var HEROES:default_config = {
    token: 'a'
};

export class HeroService {
    getHeroes() {
        return HEROES;
    }

    setToken(key) {
        HEROES.token = key;
    }
}

并导入到app.ts：

//our root app component
import {Component} from 'angular2/core'
import {Http, HTTP_PROVIDERS} from 'angular2/http';
import {RouteConfig, ROUTER_DIRECTIVES} from "angular2/router";
import {Headers} from "angular2/http";
import {HeroService} from "./defs";

@Component({
  selector: 'my-app',
  providers: [HTTP_PROVIDERS, HeroService],
  template: `
    <div>
      <h2>Hello1 {{name}}</h2>
      <br>
      <router-outlet></router-outlet>
    </div>
  `
  directives: [ROUTER_DIRECTIVES]
})

export class App {
  constructor(private http:Http, serv: HeroService) {
    this.name = 'Angular2';
    var heads = new Headers();
    console.log(heads);
  }
}

但是在控制台中，我出现错误：TypeError：http_2.Headers不是构造函数

为什么？ 为什么是http_2？ 为什么要标头？

当我这段代码：

import {Headers} from "angular2/http";
import {HeroService} from "./defs";

替换为：

import {HeroService} from "./defs";
import {Headers} from "angular2/http";

一切正常！ 但是我不明白为什么会有这个错误？

现场演示： http : //plnkr.co/edit/nfqjRyktqnscwUc6stbY?p=preview

Answer 1

看来您应该使用：

import {Headers} from 'angular2/http';

代替

import {Headers} from "angular2/http";

请参阅以下代码： http ://plnkr.co/edit/Eda5ypYUcn1N5XNM0FEM?p=preview。