位于0位置的JSON中的SyntaxError意外标记u Angular2

Question

我试图用一些虚拟数据制作服务器。

这是我的System.js配置（因为我有一个稍微不同的路由，到现在为止似乎工作正常）

System.config({

            // baseURL to node_modules
            baseURL: '/plugins/dashboard/assets/@@version@@/node_modules',
            defaultJSExtensions: true
        });
        System.import('/plugins/dashboard/assets/@@version@@/app/main')
                .then(null, console.error.bind(console));

这是我的服务：

import {Injectable}     from 'angular2/core';
import {Http, Response} from 'angular2/http';
//import {Observable }     from 'rxjs/Observable';
import {Observable} from 'rxjs/Rx';

import {newsLetter} from "../objects/newsLetter";


@Injectable()

export class newsLetterService {
constructor (private http: Http) {}

//Need to change this URL
private _myNewsLetterUrl = "http://epub-core.dev.prisma-it.com:8888/plugins/dashboard/assets/@@version@@/app/data/newsLetter.json";  // URL to web api

getNewsLetter () {
    console.log(this._myNewsLetterUrl);
    console.log(this.http.get(this._myNewsLetterUrl));
    return this.http.get(this._myNewsLetterUrl)
        .map(res => <newsLetter[]> res.json().data)
        // eyeball objects as json objects in the console | mapping purposes
        .do(data => console.log(JSON.parse(JSON.stringify(data))))
            .catch(this.handleError);

  }

  private handleError (error: Response) {
    // in a real world app, we may send the error to some remote logging infrastructure
    // instead of just logging it to the console
    console.error(error);
    return Observable.throw(error.json().error || 'Server error');
  }
}

但是，如果我将控制台日志更改为console.log（数据），则返回undefined。

我到处寻找，但没有一个答案解决了我的情况。它可能是系统js的一个问题，但由于其他一切似乎工作正常，我真的找不到如何解决这个问题。

这是控制台中的响应：

控制台响应：

Answer 1

JSON.stringify(undefined)导致JSON无效，这就是JSON.parse(JSON.stringify(data))抛出的原因。

您可以将代码更改为

JSON.parse(JSON.stringify(data || null ))