Angular2快速入门:Http Nor found

时间:2017-03-08 18:36:06

标签: angular angular-http

我一直在安装Angular2快速入门(https://angular.io/guide/quickstart)。

我有以下模块:

  • 应用程序/
    • 组件/
      • 第1单元/
        • module1.component.ts
        • module1.html
    • 服务/
      • request.service.ts
    • app.component.ts
    • app.module.ts
    • main.ts

请求服务从@ angular / Http导入Http。 请求服务在app.module.ts中导入。

使用命令 npm start 启动应用时,我在" / @ angular / Http" 上出现404错误。我已经检查了@ angular /目录并加载了http模块,(依赖行也在package.json文件中,我知道这是以前版本的快速入门中的一个问题)

enter image description here

请求服务不会抛出错误:



import { Injectable } from '@angular/core';
import { Http } from '@angular/Http';
import { Observable } from 'rxjs/Rx';
import 'rxjs/add/operator/map';

@Injectable()

export class RequestService {

	constructor(private http:Http) {}

	sendRequest(type:string , url:string, parameters:Object) : void {
		// some code here
	}

}




app.module.ts 似乎很简单



import { NgModule }      from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { AppComponent }  from './app.component';

/* SERVICES */

import { RequestService } from './services/request.service';

@NgModule({
  imports: [ BrowserModule ],
  declarations: [ AppComponent ],
  bootstrap: [ AppComponent ],
  providers: [ RequestService ]
})
export class AppModule { }




我真的不知道为什么Http模块无法加载,因为我的@angular目录中提供了源代码。我错过了什么吗?我应该在其他地方宣布什么吗?

非常感谢!

1 个答案:

答案 0 :(得分:0)

您遗漏了HttpModule

中的app.module
import { HttpModule } from '@angular/http';

@NgModule({
  imports: [ BrowserModule, HttpModule ], // add HttpModule
  declarations: [ AppComponent ],
  bootstrap: [ AppComponent ],
  providers: [ RequestService ]
})