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

Question

我刚刚从 Angular 材料入门页面使用 Angular2 和 Typescript 开始了一个新项目。 一切都很好，直到我从"@angular/http"引入了使用 Http 的服务; 当ng服务运行时，我收到一个运行时错误，说Http不是NgModule 当我停止并重新运行ng serve时，我遇到了编译错误： Http 中的错误不是 NgModule webpack：编译失败。

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

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

然后我执行了命令：

tsc -p .

但没有效果。 我也试过

ng build --aot

这给出了几乎相同的错误： 意外值"Http in C：/..../myproject/node_modules/@angular/http/src/http.d.ts"由模块"C：/..../myproject/src/app/app.module.ts"导入的意外值"Http"中的错误 ./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......
}