observables - import forkjoin angular 6

La propiedad ''forkJoin'' no existe en el tipo ''typeof observable''-angular2

Question

Estaba buscando experimentar con un forkJoin principalmente utilizando la respuesta aceptada aquí:

Angular2 Observable.forkJoin de variables observables - ReferenceError: Observable no está definido

Recibo el mensaje de error anterior ya que forkJoin no está disponible.

Alguien sabe por qué?

Answer 1

¿Tú hiciste esto?

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

Tienes que añadir métodos individualmente.

Answer 2

Angular 6 cambia esto un poco. forkJoin se ha convertido en una función regular, en lugar de:

import {Observable} from ''rxjs/Observable'';
...
return Observable.forkJoin(
    this.http.get(''someurl''),
    this.http.get(''someotherurl''));

Utilizar:

import {forkJoin} from ''rxjs'';
...
return forkJoin(
    this.http.get(''someurl''),
    this.http.get(''someotherurl''));

Puede ir a https://www.metaltoad.com/blog/angular-6-upgrading-api-calls-rxjs-6 para obtener más información.

Answer 3

He estado ejecutando la versión 5.2.0 de Angular y enfrenté un problema similar. Así que en lugar de llamar observable con la siguiente manera.

import { Observable } from ''rxjs/observable''

Importé Observable incluyendo la biblioteca completa de RxJs

import { Observable } from ''rxjs/Rx''

Luego para el forkJoin , incluido el siguiente módulo de importación

import ''rxjs/add/observable/forkJoin'';

y el código compilado con éxito.

Answer 4

Solo necesitas reemplazar

import { Observable } from ''rxjs/Observable'';

por

import { Observable } from ''rxjs/Rx'';

y empezará a funcionar

Advertencia: no utilice este método, ya que incluirá toda la biblioteca RxJs (aumentando el tamaño del paquete de KB)

Answer 5

Verifique su versión de Rxjs, si está usando Rxjs 6, use import { Observable } from ''rxjs/Observable''; import ''rxjs/add/observable/forkJoin''; import { Observable } from ''rxjs/Observable''; import ''rxjs/add/observable/forkJoin''; no funcionará, use import { Observable, forkJoin } from ''rxjs'' lugar