Angular - "nie ma wyeksportowanego członka 'obserwowalnego'"

To może być pomocne w Angular 6 aby uzyskać więcej informacji, zapoznaj się z tym dokumentem

1. rxjs: metody tworzenia, typy, harmonogramy i narzędzia

import { Observable, Subject, asapScheduler, pipe, of, from, interval, merge, fromEvent } from 'rxjs';

1. rxjs / operatory : wszystkie operatory rurociągowe:

import { map, filter, scan } from 'rxjs/operators';

1. rxjs / webSocket: implementacja web socket subject

import { webSocket } from 'rxjs/webSocket';

1. rxjs / ajax : RX ajax realizacja

import { ajax } from 'rxjs/ajax';

1. rxjs / testing : Narzędzia testowe

import { TestScheduler } from 'rxjs/testing';

Najwyraźniej (jak wskazujesz w dzienniku błędów), po aktualizacji do Angular 6.0.0 rxjs-compat brakuje.

Uruchom npm install rxjs-compat --save, aby zainstalować. Powinien to naprawić.

Wystarczy umieścić:

import { Observable} from 'rxjs';

Używasz RxJS 6. Just replace

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

By

import { Observable, of } from 'rxjs';

Spróbuj tego:

npm install rxjs-compat --save

To co mi pomogło to:

1. Pozbądź się wszystkich starych ścieżek importu i zastąp je nowymi takimi jak:

   import { Observable , BehaviorSubject } from 'rxjs';)

2. Usuń node_modules folder

3. npm cache verify
4. npm install

Miałem podobny problem. Back-revving RXJS od 6.x do ostatnich 5.x release poprawiło to dla Angular 5.2.x.

Otwórz paczkę.json.

Zmień "rxjs": "^6.0.0", Na "rxjs": "^5.5.10",

Run npm update

Po Prostu Usuń /Observable z 'rxjs/Observable';

If you then get {[3] } Just put below line to thr terminal and press enter.

npm install --save rxjs-compat

Moja rezolucja dodała następujący import: import { of } from 'rxjs/observable/of';

import { Injectable } from '@angular/core';
import { Hero } from './hero';
import { HEROES } from './mock-heroes';
import { of } from 'rxjs/observable/of';
import {Observable} from 'rxjs/Observable';

@Injectable()
export class HeroService {

  constructor() { }

  getHeroes(): Observable<Hero[]> {
    return of(HEROES);
  }
}

Komponent angular-split nie jest obsługiwany w Angular 6, więc aby był kompatybilny z Angular 6, zainstaluj następujące zależności w aplikacji

Aby to działało, dopóki nie zostanie zaktualizowane użyj:

"dependencies": {
"angular-split": "1.0.0-rc.3",
"rxjs": "^6.2.2",
    "rxjs-compat": "^6.2.2",
}

W moim przypadku ten błąd miał miejsce, ponieważ miałem starą wersję ng cli w moim komputerze.

Problem został rozwiązany po uruchomieniu:

ng update

ng update @angular/cli

Update angular-in-memory-web-api version. Domyślna wersja angular-in-memory-web-api zainstalowana podczas samouczka angular-tour-of-heroes wynosiła 0.4. W moim przypadku zadziałało jak urok. (Używając Angular 7 z RxJS 6)

npm i [email protected]

Użyj return Observable.of(HEROES);