Angular 2 RxJS Observable not loading

Question

my web application breaks (won't load) when I use 'new Observable()' anywhere in a method or otherwise.

Angular version 2.1.0
RxJs 5.0.0-beta.12

These are my imports in the .ts-file:

import { Injectable } from '@angular/core';
import { DSUnit } from '../model/dsunit';
import { Headers, Http, Response } from '@angular/http';
import 'rxjs/add/operator/catch';
import 'rxjs/add/operator/map';
import 'rxjs/add/observable/throw';
import 'rxjs/Rx';
import { DSCategory } from './../model/dscategory';
import { Observable } from 'rxjs';

When I have this piece of code it breaks:

private handleError(error: any) : Observable<any> {
    let errMsg = "argh";
    return new Observable(); // <-- "offending" code
}

with this error on the console of Chrome:

(SystemJS) XHR error (404 Not Found) loading http://localhost:3000/node_modules/rxjs(…)

And when I remove the offending line, and have this instead:

private handleError(error: any) : Observable<any> {
    let errMsg = "argh";
    return null; // <-- "works" 
}

my web application loads with no errors.. of course it breaks when the 'catch'-statement tries to handle an error, but that will work once I get past the hurdle with

"new Observable()"

Any ideas, anyone?

import { Observable } from 'rxjs/Rx'; This caught me out as well... — P. Moloney
– P. Moloney, Commented Oct 20, 2016 at 7:52
Sometimes you just can't trust your IDE when one's using the auto import feature.... — OddBeck
– OddBeck, Commented Oct 20, 2016 at 7:53

Alexander Ciesielski · Accepted Answer · 2016-10-20 07:23:31Z

2

You could try this:

Observable.of(errMsg);

or

Observable.throw(errMsg);

depending on the caller.

answered Oct 20, 2016 at 7:23

Alexander Ciesielski

10.8k5 gold badges48 silver badges66 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

OddBeck Over a year ago

It doesn't work. The thing is that ANY use of Observable that will create an Observable-object will break. I initially tried Observable.throw but that broke, so I tried to return just a plain Observable object, which also breaks. Same goes when I try to use Observable.of()....

OddBeck · Accepted Answer · 2016-10-20 07:50:18Z

0

Damn it... the 'auto import' in Visual Studio Code had messed up my import.

When I import '{Observable}' it should not be

import {Observable} from 'rxjs'

it should be

import {Observable} from 'rxjs/Rx'

answered Oct 20, 2016 at 7:50

OddBeck

8458 silver badges19 bronze badges

Collectives™ on Stack Overflow

Angular 2 RxJS Observable not loading

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related