解決方法：位置0のJSONで予期しないトークン<

Question

こんにちは：私は足を平均スタックに濡らしています。だから私はAngularを使用して私のmongodbデータベースに接続するapi.jsファイルに接続しています。しかし、私は次のエラーを取得しています：以下のようにエラーで参照されている

ERROR SyntaxError: Unexpected token < in JSON at position 0 
    at JSON.parse (<anonymous>) 
    at Response.Body.json (http.es5.js:800) 
    at MapSubscriber.project (post.service.ts:19) 
    at MapSubscriber._next (map.js:77) 
    at MapSubscriber.Subscriber.next (Subscriber.js:89) 
    at XMLHttpRequest.onLoad (http.es5.js:1229) 
    at ZoneDelegate.invokeTask (zone.js:424) 
    at Object.onInvokeTask (core.es5.js:4140) 
    at ZoneDelegate.invokeTask (zone.js:423) 
    at Zone.runTask (zone.js:191) 

post.service.tsファイルは次のとおりです。

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

@Injectable() 
export class PostService { 

    result: any; 

    constructor(private _http: Http) { } 

    getPosts() { 
    return this._http.get("/api/posts") 
     .map(result => this.result = result.json()); 
    } 

    getPost(id) { 
    return this._http.get("/api/details" + id) 
     .map(result => this.result = result.json()); 
    } 

} 

次は私のapi.jsファイルです。コンソールでさえ、投稿を記録しません。

router.get('/details/:id', function(req, res) { 
    console.log('Requesting post'); 
    post.findById(req.params.id) 
     .exec(function(err, post) { 
      if (err) { 
       console.log('Error getting the post'); 
      } else { 
       res.json(post); 
       console.log(post); 
      } 
     }); 
}); 

私はここで間違っています。私はどんな指導にも感謝します。

Answer 1

あなたのapiにはいくつかの部分がありません。not foundポストまたはserver errorにリクエストを送信したとしたら、何も返さないか、エラーhtmlをクライアントに返します。そのようなクライアントにメッセージを送信しよう：

if (err) { 
    console.log('Error getting the post'); 
    res.status(500).json({error: err.message, errorCode: /*some number code*/ 1101}); 
} else { 
     /* logic for not found maybe */ 
     // and logic for result 
     res.json(post); 
     console.log(post); 
} 

とURLは次のようになります。あなたはそのエラーを取得しているget("/api/details/" + id)