角でHTTPモジュールを使用中にエラーが発生する

Question

私はHttpModuleを使ってAPIを呼び出しています。モジュールをインポートに含めて、サーバーを起動している間にエラーがスローされます（screeshotを見てください）。 Error Image

私はHttp.postを使用してサービスからの私のAPIを呼び出そうとして

マイapp.module.tsの上に表示されるエラーを取得しています：

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

import {AppComponent} from './app.component'; 
import {HeaderComponent} from './header/header.component'; 
import {AuthComponent} from './auth/auth.component'; 
import {MarksComponent} from './marks/marks.component'; 
import {SigninComponent} from './auth/signin/signin.component'; 
import {SignupComponent} from './auth/signup/signup.component'; 
import {FormsModule} from '@angular/forms'; 
import {AppRoutingModule} from './app-routing.module'; 
import {AuthService} from './auth/auth.service'; 
import {HttpModule} from '@angular/http'; 

@NgModule({ 
declarations: [ 
AppComponent, 
HeaderComponent, 
AuthComponent, 
MarksComponent, 
SigninComponent, 
SignupComponent 
], 
imports: [ 
BrowserModule, 
FormsModule, 
AppRoutingModule, 
HttpModule 
], 
providers: [AuthService], 
bootstrap: [AppComponent] 
}) 
export class AppModule { 
} 

マイサービス：

を

import {Router} from '@angular/router'; 
import {Injectable} from '@angular/core'; 
import {Http} from '@angular/http'; 

@Injectable() 
export class AuthService { 
    constructor(private router: Router, private http: Http) { 

    } 
    signUpUser(firstName: string, lastName: string, email: string, password: 
    string) { 
     const body: [] = [firstName, lastName, email, password]; 
     return this.http.post('http://localhost:3000/auth/signup', body).map(data 
    => { 
      data = data.json(); 
      return data; 
     }); 
    } 
} 

Answer 1

私の意見では、それはHTTPの問題ではなく、悪いの宣言ではありません。

使用この体を定義するには：

let body = {conge,user}; 
this.httpClient.post('http://localhost:8080/api/sendconge', body) 
.subscribe(function(data) { 
     console.log(data); 
}); 

HttpClientをシンプルなHTTP以外のデータを送信することをお勧めします。

Answer 2

ボディ配列に型を渡す必要があります。例えばのための

：

のconst体：任意の[] = [firstNameの、lastNameの、電子メール、パスワード];

Answer 3

私は誤った方法でpostメソッドを使用していました。 私の更新されたコードは次のとおりです。

signUpUser(firstName: string, lastName: string, email: string, password: string) { 
// const body: [] = [firstName, lastName, email, password]; 
const body = { 
    firstName: firstName, 
    lastName : lastName, 
    email : email, 
    password : password 
    }; 
return this.http.post('http://localhost:3000/auth/signup', body); 

}