0

При попытке создания новой коллекции в mongoDB, вываливается вот такая вот ошибка:

EXCEPTION: Unexpected token O in JSON at position 0
ErrorHandler.handleError @ error_handler.js:54
next @ application_ref.js:348
schedulerFn @ async.js:93
SafeSubscriber.__tryOrUnsub @ Subscriber.js:234
SafeSubscriber.next @ Subscriber.js:183
Subscriber._next @ Subscriber.js:125
Subscriber.next @ Subscriber.js:89
Subject.next @ Subject.js:55
EventEmitter.emit @ async.js:79
NgZone.triggerError @ ng_zone.js:333
onHandleError @ ng_zone.js:294
ZoneDelegate.handleError @ zone.js:334
Zone.runTask @ zone.js:169
ZoneTask.invoke @ zone.js:416
error_handler.js:59 ORIGINAL STACKTRACE:
ErrorHandler.handleError @ error_handler.js:59
next @ application_ref.js:348
schedulerFn @ async.js:93
SafeSubscriber.__tryOrUnsub @ Subscriber.js:234
SafeSubscriber.next @ Subscriber.js:183
Subscriber._next @ Subscriber.js:125
Subscriber.next @ Subscriber.js:89
Subject.next @ Subject.js:55
EventEmitter.emit @ async.js:79
NgZone.triggerError @ ng_zone.js:333
onHandleError @ ng_zone.js:294
ZoneDelegate.handleError @ zone.js:334
Zone.runTask @ zone.js:169
ZoneTask.invoke @ zone.js:416
error_handler.js:60 SyntaxError: Unexpected token O in JSON at position 0
    at JSON.parse ()
    at Response.Body.json (body.js:24)
    at MapSubscriber.project (left-bar.service.ts:18)
    at MapSubscriber._next (map.js:77)
    at MapSubscriber.Subscriber.next (Subscriber.js:89)
    at XMLHttpRequest.onLoad (xhr_backend.js:77)
    at ZoneDelegate.invokeTask (zone.js:363)
    at Object.onInvokeTask (ng_zone.js:264)
    at ZoneDelegate.invokeTask (zone.js:362)
    at Zone.runTask (zone.js:166)
    at XMLHttpRequest.ZoneTask.invoke (zone.js:416)

но всё же коллекция создается!


Как я понял Метод .subscribe() получает некорректные данные от сервиса.
Данные в каком виде должен принимать Метод .subscribe()?

--------------------left-bar.component.ts--------------------

import { Component, OnInit } from '@angular/core';
import { LeftBarService } from '../left-bar.service';

@Component({
  selector: 'app-left-bar',
  templateUrl: './left-bar.component.html',
  styleUrls: ['./left-bar.component.sass']
})
export class LeftBarComponent implements OnInit {
  categories = [];

  constructor(private leftBarService: LeftBarService) { }

  ngOnInit() {
    this.leftBarService.getAllCategories().subscribe(category => {
      this.categories = category;
    });
  }

  addCategory(category) {
    let newCategory = {
      name: category
    }
    this.leftBarService.addCategory(newCategory)
      .subscribe( categ => {
        this.categories.push(newCategory);
      });
  }
}



---------------------------left-bar-service.ts---------------------

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

@Injectable()
export class LeftBarService {

  constructor(private http: Http) { }

  // Get all categories
  getAllCategories() {
    return this.http.get('/categories')
      .map(res => res.json());
  }
  // Add category
  addCategory(newCategory) { 
    return this.http.post('/categories', newCategory)
      .map( res => res.json());
  }

}



8
  • посмотри что именно тебе сервер возвращает
    – Grundy
    9 мар 2017 в 10:17
  • Вы лучше покажите что в JSON возвращается
    – Isaev
    9 мар 2017 в 10:17
  • @Grundy Request payload: {"name":"hello"}
    – Denisoed
    9 мар 2017 в 10:26
  • @Денисоед, request - это то, что ты послал. А тебе надо посмотреть, что ты получил
    – Grundy
    9 мар 2017 в 10:31
  • @Grundy Там Response а ни Request)))) Я ошибся
    – Denisoed
    9 мар 2017 в 10:36

1 ответ 1

-1

Ты высылаешь не валидный JSON, а к примеру строку. Один из вариантов решения проблемы приведет ниже. При этом независимо от того, что вы отправите с сервера в другие компоненты придет ожидаемый результат.

 addCategory(newCategory) { 
     return this.http.post('/categories', newCategory)
                 .map(res => {
                   try { return res.json(); } 
                   catch (err) { return res; }
                 })

Но лучше всего пересмотреть серверный код и высылать валидный JSON. Тогда конструкция try catch не понадобится. И можно будет оставить res.json();

19
  • 1
    json, как это ни странно - обычная строка, если ее не парсить - она строкой и останется.
    – Grundy
    9 мар 2017 в 10:20
  • Может выразился не так, но ответ должен помочь
    – Lestoroer
    9 мар 2017 в 10:21
  • @Lestoroer Спасибо за помощь
    – Denisoed
    9 мар 2017 в 10:29
  • "Сервер, скорее всего, уже присылает JS объект" - это как так?
    – user207618
    9 мар 2017 в 10:31
  • Не, единственно в чем может помочь ответ, скрывать ошибки, чтобы они потом в другом месте вылезли
    – Grundy
    9 мар 2017 в 10:32

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.