2017-03-08 3 views
0

私はAngular2クイックスタート(https://angular.io/guide/quickstart)をインストールしています。Angular2 QuickStart:Http Nor found

私は、以下のモジュールがあります。

  • アプリ/
    • コンポーネント/
      • モジュール1/
        • module1.component.ts
        • module1.htmlを
    • サービス/
      • request.service.ts
    • app.component.ts
    • app.module.ts
    • main.ts

リクエストサービスは、@ angular/HttpからHttpをインポートしています。 リクエストサービスはapp.module.tsにインポートされます。

コマンドNPMでアプリを起動すると、私は"/角度@/HTTP"に404エラーを持っているを開始します。私がチェックした@角度/ディレクトリおよびHTTPモジュールがロードされ、

enter image description here

(依存関係行は、私は、これはクイックスタートの以前のバージョンでは問題だった知っているpackage.jsonファイルにもあります)エラーをスローしません要求サービス:

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

 
@Injectable() 
 

 
export class RequestService { 
 

 
\t constructor(private http:Http) {} 
 

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

 
}

app.module.tsは、ソースが私の@angularディレクトリにありますので、HTTPモジュールがロードされませんなぜ私は本当に知らない非常に単純

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 { }

ようです。何か不足していますか?別の場所に何かを宣言すべきですか?

ありがとうございました!

答えて

0

あなたはこの答えはあなたを助けなかったあなたのapp.module

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

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

HttpModule不足していますか? :) – Alex

関連する問題