Кутовий - "не має експортованого члена" Спостережуваний ""

Код машинопису:

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

}

інформація про помилку:

помилка TS2307: Неможливо знайти модуль 'rxjs-compat / спостерігається'. node_modules / rxjs / observable / of.d.ts (1,15): error TS2307: Неможливо знайти модуль 'rxjs-compat / opavable / of'. src / app / hero.service.ts (2,10): помилка TS2305: Модуль "" F: / angular-tour-of-Hero / node_modules / rxjs / Observable "'не має експортованого члена" Спостережуваний ". src / app / hero.service.ts (15,12): помилка TS2304: Неможливо знайти ім'я 'of'.

package.json файл з кутовою версією:

Це може бути корисно в куті 6 для отримання додаткової інформації див. Цей документ

1. rxjs: методи створення, типи, планувальники та утиліти

імпортувати {спостерігати, тему, asapScheduler, pipe, з, інтервалу, злиття, зEvent} з 'rxjs';

2. rxjs / оператори : Усі оператори, що передаються в дію:

імпортувати {map, filter, scan} з 'rxjs / operator';

3. rxjs / webSocket: реалізація теми веб-сокета

імпортувати {webSocket} з 'rxjs / webSocket';

4. rxjs / ajax : реалізація ajax Rx

імпорт {ajax} з 'rxjs / ajax';

5. rxjs / testing : утиліти тестування

імпорт {TestScheduler} з 'rxjs / testing';

Мабуть (як ви вказуєте в журналі помилок) після оновлення до Angular 6.0.0 rxjs-compat відсутня.

Запустіть npm install rxjs-compat --saveустановку. Слід це виправити.

Просто поставте:

import { Observable} from 'rxjs';

Ось так. Нічого більш-менш.

Я замінив оригінальний код на import { Observable, of } from 'rxjs', і проблема вирішена.

Ви використовуєте RxJS 6. Просто замініть

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

від

import { Observable, of } from 'rxjs';

Спробуйте це:

npm install rxjs-compat --save

Що мені допомогло:

1. Позбавтеся від усіх старих шляхів імпорту та замініть їх такими на нові:

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

2. Видалити node_modulesпапку

3. npm cache verify
4. npm install

У мене було подібне питання. RXJS із зворотною ревізією від 6.x до останнього версії 5.x зафіксував його для Angular 5.2.x.

Відкрити package.json.

Змінити "rxjs": "^6.0.0",на"rxjs": "^5.5.10",

бігати npm update

Просто видаліть /Observableіз'rxjs/Observable';

Якщо потім Cannot find module 'rxjs-compat/Observable'просто поставте нижче рядка до терміналу thr і натисніть клавішу Enter.

npm install --save rxjs-compat

Моя резолюція додала такий імпорт: import { of } from 'rxjs/observable/of';

Отже загальний код hero.service.ts після зміни такий:

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-splitКомпонент не підтримуються в кутових 6, так , щоб зробити його сумісним з кутовими 6 встановити наступні залежності в додатку

Щоб це працювало, поки не оновлено використання:

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

У моєму випадку ця помилка сталася через те, що у мене на комп’ютері була стара версія ng cli.

Проблема була вирішена після запуску:

ng update

ng update @angular/cli

Оновіть версію angular-in-memory-web-api . Типова версія angular-in-memory-web-api, встановлена ​​під час навчального посібника angular-tour-of-hero, становила 0,4. Це спрацювало як шарм у моєму випадку. (Використання кутового 7 з RxJS 6)

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

використання return Observable.of(HEROES);