error.json不是函数

Question

编辑：阅读问题末尾的部分！

我的服务代码：

import { Http, Response, Headers } from "@angular/http";
import { Injectable } from "@angular/core";
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/catch';
import { Observable } from "rxjs";

import { Client } from "./client.model";

@Injectable()
export class ClientService {
    private clients: Client[] = [];

    constructor(private http: Http){}

    addClient(client: Client) {
        this.clients.push(client);
        const body = JSON.stringify(client);
        const headers = new Headers({'Content-Type': 'application/json'});
        return this.http.post('http://localhost:3000/client', body, {headers: headers})
            .map((response: Response) => response.json())
            .catch((error: Response) => Observable.throw(error.json()));
    }

    getClients() {
        return this.clients;
    }

    deleteClient(client: Client) {

    }
}

在我的组件中，我有这个提交功能：

onSubmit(form: NgForm) {
    let email = form.value.email;
    let password = form.value.password;
    let firstName = form.value.firstName;
    let lastName = form.value.lastName;

    const client = new Client(email, password, firstName, lastName);
    this.clientService.addClient(client)
        .subscribe(
            data => console.log(data),
            error => console.error(error)
        );
    form.resetForm();
}

这里和这里都有类似的错误。答案总是包含rxjs函数，但是我这样做了，所以我不太确定，为什么会出现这个错误。

编辑：

因此，实际的问题不是这个函数，而是主应用程序中我的路线前缺少“/”。js文件。解决了这个问题之后，问题就消失了。

Answer 1

不要在response类型的响应上调用json（）。如果您希望返回数据，例如刚刚添加的客户端，只需执行以下操作：

.map((data: any) => {
    return data._embedded.client as Client;
});

Answer 2

不要接住，然后再抓。只需在使用服务时处理异常。

 .map(response => response.json());

或者，如果您想处理服务中的异常，只需返回一个错误，您可以执行以下操作

 .map(response => response.json())
            .catch(error => Observable.throw("Error in x service"));

您可以查看可观察的文档。投掷以及如何使用。

您得到的错误对象格式错误。你可以添加一些控制台日志，看看你得到了什么。但它正在引发问题。

Answer 3

嗯，就像它说的那样。从observable返回的错误不包含json方法。这意味着它不是响应类型，而是包含错误。您应该在控制台中打印出对象，然后查看其中的内容：

.catch((error: any) => console.log(error))

您可能会发现它只是一个xmlhttp presPonse对象