Angolare - "non ha membri esportati 'Osservabile'"

Codice dattiloscritto:

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

}

informazioni sull'errore:

errore TS2307: impossibile trovare il modulo 'rxjs-compat / Observable'. node_modules / rxjs / observable / of.d.ts (1,15): errore TS2307: impossibile trovare il modulo 'rxjs-compat / osservable / of'. src / app / hero.service.ts (2,10): errore TS2305: il modulo '"F: / angular-tour-of-heroes / node_modules / rxjs / Observable"' non ha membri esportati 'Osservabile'. src / app / hero.service.ts (15,12): errore TS2304: impossibile trovare il nome 'of'.

package.json file con versione angolare:

Questo potrebbe essere utile in Angular 6 per maggiori informazioni consultare questo documento

1. rxjs: metodi di creazione, tipi, scheduler e utilità

import {Osservabile, Oggetto, asapScheduler, pipe, di, da, intervallo, unisci, daEvento} da 'rxjs';

2. rxjs / operatori : tutti gli operatori pipable:

importare {mappa, filtrare, scansionare} da "rxjs / operatori";

3. rxjs / webSocket: l'implementazione del soggetto del socket web

importare {webSocket} da 'rxjs / webSocket';

4. rxjs / ajax : l'implementazione di Rx ajax

importare {ajax} da 'rxjs / ajax';

5. rxjs / testing : le utility di test

importare {TestScheduler} da 'rxjs / testing';

Apparentemente (come indicato nel registro degli errori), dopo l'aggiornamento a Angular 6.0.0 rxjs-compat manca.

Esegui npm install rxjs-compat --saveper installare. Dovrebbe risolverlo.

Metti solo:

import { Observable} from 'rxjs';

Proprio così. Niente di più o di meno.

Ho sostituito il codice originale con import { Observable, of } from 'rxjs'e il problema è stato risolto.

Stai usando RxJS 6. Basta sostituire

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

di

import { Observable, of } from 'rxjs';

Prova questo:

npm install rxjs-compat --save

Ciò che mi ha aiutato è:

1. Sbarazzati di tutti i vecchi percorsi di importazione e sostituiscili con nuovi come questo:

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

2. Elimina node_modulescartella

3. npm cache verify
4. npm install

Ho avuto un problema simile. Il back-revving RXJS da 6.x all'ultima versione 5.x l'ha risolto per Angular 5.2.x.

Apri package.json.

Cambia "rxjs": "^6.0.0",in"rxjs": "^5.5.10",

correre npm update

Rimuovi /Observableda'rxjs/Observable';

Se poi ti Cannot find module 'rxjs-compat/Observable'metti sotto la riga al terminale thr e premi invio.

npm install --save rxjs-compat

La mia risoluzione è stata l'aggiunta della seguente importazione: import { of } from 'rxjs/observable/of';

Quindi il codice generale di hero.service.ts dopo la modifica è:

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

Il angular-splitcomponente non è supportato in Angular 6, quindi per renderlo compatibile con l'installazione di Angular 6 a seguito della dipendenza nell'applicazione

Per farlo funzionare fino a quando non viene aggiornato, utilizzare:

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

Nel mio caso questo errore si stava verificando perché nel mio computer avevo una versione precedente di ng cli.

Il problema è stato risolto dopo l'esecuzione:

ng update

ng update @angular/cli

Aggiorna la versione angular-in-memory-web-api . La versione predefinita di angular-in-memory-web-api installata durante il tutorial angular-tour-of-heroes era 0.4. Nel mio caso ha funzionato come un incantesimo. (Uso di Angular 7 con RxJS 6)

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

uso return Observable.of(HEROES);