如何编译@angular2 模块和依赖项

Question

我刚刚从Angular material get started 页面开始了一个使用 Angular2 和 Typescript 的新项目。 在我使用 '@angular/http' 中的 Http 引入服务之前，一切都运行良好； 当 ng serve 运行时，我得到一个运行时错误，说 Http is not a NgModule 当我停止并重新运行 ng serve 时，出现编译错误： Http 中的错误不是 NgModule webpack: 编译失败。

经过一番挖掘，我尝试在根文件夹中添加 index.ts 并将 Http 类导出如下：

export {Http} from '@angular/http';

然后我执行了命令：

tsc -p .

但是没有效果。 我也试过了

ng build --aot

这给出了几乎相同的错误： 由模块'AppModule in C:/..../myproject/node_modules/@angular/http/src/http.d.ts'导入的意外值'Http in C:/..../ myproject/src/app/app.module.ts' ./src/main.ts 中的错误 未找到模块：错误：无法解析 'C:...\myproject\src' 中的 './$$_gendir/app/app.module.ngfactory' @ ./src/main.ts 4:0-74 @multi ./src/main.ts

任何帮助将不胜感激！

Answer 1

你需要在app.module.ts中导入HttpModule，并在Imports下使用HttpModule，例如看下面的代码

import { HttpModule } from "@angular/http";

  @NgModule({
        imports: [
            BrowserModule,
            FormsModule,
            HttpModule
    ],
 declarations: [],
 providers: [],
bootstrap: []
    })

在服务中你需要导入 Http 模块

import { Http, Response, Headers} from "@angular/http";

@Injectable()
export class Service {
        Your Code......
}