fromPromise does not exist on type Observable

by

UPDATE:

As of rxjs 6.0.0-beta.3, operators and observable creators should be imported from rxjs. Furthermore, fromPromise is not part of the public API anymore and its wrapped in the from method.

TL;DR;

UPDATE

For rxjs 6.0.0 use:

import { from } from 'rxjs';

var observableFromPromise =  from(promiseSrc);

UPDATE:

After the release of the pipeable operators in rxjs 5.5.x, the monkey patch approach is strongly discouraged. Consider to use the static method option.

Original answer

As of rxjs 5.4.x, fromPromise can be used as a static method or can be patched into the Observable prototype.

For the first, you can do the following:

import { fromPromise } from 'rxjs/observable/fromPromise';

var observableFromPromise = fromPromise(promiseSrc);

More info about this approach here

To do the second, you need to change your import statement:

import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/fromPromise';

var observableFromPromise = Observable.fromPromise(promiseSrc);

More info about this approach here

Personally I would recommend the first one, considering that the 2nd approach is basically the 1rst, with the difference that the Observable prototype is changed.

More Related Contents:

  1. Angular/RxJS When should I unsubscribe from `Subscription`
  2. What is the difference between Promises and Observables?
  3. Observable type error: cannot read property of undefined
  4. Wait for Angular 2 to load/resolve model before rendering view/template
  5. async/await in Angular `ngOnInit`
  6. How to create an RXjs RetryWhen with delay and limit on tries
  7. Angular 7 – nesting Observables
  8. TypeError: You provided an invalid object where a stream was expected. You can provide an Observable, Promise, Array, or Iterable
  9. How to create an Observable from static data similar to http one in Angular?
  10. How to return observable from subscribe
  11. How to return value inside subscribe Angular 4
  12. What is the correct way to share the result of an Angular Http network call in RxJs 5?
  13. Is it necessary to unsubscribe from observables created by Http methods?
  14. Convert Promise to Observable
  15. Passing Data with Subjects and Proxies
  16. Angular 2 cache observable http result data [duplicate]
  17. How to cancel/unsubscribe all pending HTTP requests in Angular 4+
  18. How to make a sequence of http requests in Angular 6 using RxJS
  19. Behaviour subject initial value null?
  20. Observable.of is not a function
  21. rxjs/Subject.d.ts error : Class ‘Subject’ incorrectly extends base class ‘Observable’
  22. Angular 2 Observable with multiple subscribers
  23. RxJs get value from observable
  24. How to correctly import operators from the `rxjs` package
  25. How to check the length of an Observable array
  26. How to receive blob responses using Angular’s 2+ @angular/http module?
  27. Page transition animations with Angular 2.0 router and component interface promises
  28. FormControl.detectchanges – why use distinctUntilChanged?
  29. How to pass results between chained observables
  30. Do we need to unsubscribe from observable that completes/errors-out?

Leave a Comment