连接角度

Question

我正在学习一门连接node.js和Angular的课程。我正在按照教程，但我得到了一个错误，我不知道该怎么办。有人能帮忙吗？

这是我得到的错误

TypeError:错误。json不是CatchSubscriber的函数。CatchSubscriber上的eval[作为选择器]（message.service.ts？5cfd:25）。MapSubscriber出现错误（catchError.js？0867:104）_下一个（map.js？c4af:82）位于MapSubscriber.Subscriber。下一个（Subscriber.js？215e:90）位于XMLHttpRequest。ZoneDelegate上的onLoad（http.js？7a71:1591）。在Object上调用任务（zone.js？fad3:421）。ZoneDelegate的onInvokeTask（core.js？223c:4744）。在zone调用任务（zone.js？fad3:420）。在ZoneTask上运行任务（zone.js？fad3:188）。在XMLHttpRequest的invokeTask（zone.js？fad3:1536）中调用任务[as invoke]（zone.js？fad:495）。globalZoneWareCallback（zone.js？fad3:1562）

这些是文件。

消息输入组件 在这里，我输入新消息的内容：

import {Component} from "@angular/core";
import {MessageService} from "./message.service";
import {Message} from "./message.model";
import {NgForm} from "@angular/forms";

@Component({
    selector: 'app-message-input',
    templateUrl: './message-input.component.html'
})

export class MessageInputComponent {

    constructor(private messageService: MessageService){
    }

    onSubmit(form: NgForm) {
        const message = new Message(form.value.content, 'Tijl')
        this.messageService.addMessage(message)
            .subscribe(
                data => console.log(data),
                error => console.error(error)
            );
        form.resetForm()

    }
}

消息服务:这里我连接到Node.js后端

import {Message} from "./message.model";
import {Http, Response} from "@angular/http";
import {Injectable} from "@angular/core";
import 'rxjs/rx';
import {Observable} from "rxjs/Observable";


@Injectable()
export class MessageService {
    private messages: Message[] = [];

    constructor(private http: Http){}

    addMessage(message: Message) {
        this.messages.push(message)
        // turn your message into json format
        const body = JSON.stringify(message);
        // pass this body to the post request
        // we subscribe in the component itself, so not in this service. We need the data
        // in the component so that's where we'll subscribe to it
        return this.http.post('http://localhost:3000/message', body)
            // json method allows to extract the data (not headers and such)
        // and convert it to Javascript object
            .map((response: Response) => response.json())
            .catch((error: Response) => Observable.throw(error.json()));
    }
}

它连接到的后端路由文件：

var快车=要求（'快车'）；var路由器=快车。路由器（）；

var Message = require('../models/message ')；

router.post('/', function (req,res,next){
    var message = new Message({
        content: req.body.content
    });
    message.save(function(err, result) {
        if (err) {
            return res.status(500).json({
                title: 'An error occurred',
                error: err
            });
        }
        res.status(201).json({
            message: 'Saved message',
            // this object is what we'll receive in the front-end
            // and what we'll convert using the response.json() method
            obj: result
        })
    })
});

module.exports = router;

Answer 1

好的，伙计们，

我发现了哪里出了问题。代码很好，我只是在进行更改后忘记重新启动服务器。