Kątowy - „nie ma wyeksportowanego elementu„ Obserwowalny ””

Kod maszynopisu:

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

@Injectable({
  providedIn: 'root'
})
export class HeroService {

  constructor() { }

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

}

informacje o błędzie:

błąd TS2307: nie można znaleźć modułu „rxjs-Compatible / Observable”. node_modules / rxjs / obserable / of.d.ts (1,15): błąd TS2307: Nie można znaleźć modułu „rxjs-complement / observable / of”. src / app / hero.service.ts (2,10): błąd TS2305: Moduł '"F: / angular-tour-of-heroes / node_modules / rxjs / Observable"' nie ma wyeksportowanego elementu „Observable”. src / app / hero.service.ts (15,12): błąd TS2304: nie można znaleźć nazwy „of”.

package.json plik z wersją Angular:

Może to 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';

2. rxjs / operatory : Wszyscy operatorzy rurociągów:

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

3. rxjs / webSocket: implementacja tematu gniazda sieciowego

importuj {webSocket} z 'rxjs / webSocket';

4. rxjs / ajax : implementacja Rx ajax

import {ajax} z 'rxjs / ajax';

5. rxjs / testing : narzędzia testujące

importuj {TestScheduler} z 'rxjs / testing';

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

Uruchom, npm install rxjs-compat --saveaby zainstalować. Powinienem to naprawić.

Po prostu włóż:

import { Observable} from 'rxjs';

Właśnie tak. Nic mniej więcej.

Zastąpiłem oryginalny kod import { Observable, of } from 'rxjs'i problem został rozwiązany.

Używasz RxJS 6. Po prostu wymień

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

przez

import { Observable, of } from 'rxjs';

Spróbuj tego:

npm install rxjs-compat --save

Pomogło mi:

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

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

2. Usuń node_modulesfolder

3. npm cache verify
4. npm install

Miałem podobny problem. Wstecznie revving RXJS z 6.x do najnowszej wersji 5.x naprawił to dla Angular 5.2.x.

Otwórz plik package.json.

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

biegać npm update

Po prostu usuń /Observablez'rxjs/Observable';

Jeśli wtedy Cannot find module 'rxjs-compat/Observable'po prostu umieść poniżej linii do terminala thr i naciśnij Enter.

npm install --save rxjs-compat

Moje postanowienie polegało na dodaniu następującego importu: import { of } from 'rxjs/observable/of';

Zatem ogólny kod hero.service.ts po zmianie to:

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);
  }
}

angular-splitSkładnik nie jest obsługiwana w kątowych 6, tak aby był on zgodny z kątowym 6 zainstalować 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 występował, ponieważ miałem na komputerze starą wersję ng cli.

Problem został rozwiązany po uruchomieniu:

ng update

ng update @angular/cli

Aktualizować kątową-in-memory-web-api wersję. Domyślna wersja angular-in-memory-web-api zainstalowana podczas samouczka angular-tour-of-heroes to 0.4. W moim przypadku zadziałało jak urok. (Korzystanie z Angular 7 z RxJS 6)

npm i angular-in-memory-web-api@0.8.0

posługiwać się return Observable.of(HEROES);