Получение ошибки.. /node_modules/rxjs/Rx "" не имеет экспортированного члена '

Я изучаю новые углы из учебника (https://angular.io/tutorial/toh-pt4#inject-message-service). Я застрял в этом во время запуска приложения после добавления служб

../node_modules/rxjs/Rx "" не имеет экспортированного члена 'из'.

    hero.service.ts
---------------------


import { Injectable } from '@angular/core';

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

import { Hero } from './hero';
import { HEROES } from './mock-heroes';
import { MessageService } from './message.service';

@Injectable()

export class HeroService {

  constructor(private messageService: MessageService) { }

  getHeroes(): Observable<Hero[]> {
    // TODO: send the message _after_ fetching the heroes
    this.messageService.add('HeroService: fetched heroes');
    return of(HEROES);
  }
}

Моя угловая версия и соответствующая информация

Angular CLI: 1.7.4
Node: 6.14.1
OS: linux x64
Angular: 5.2.10
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

@angular/cli: 1.7.4
@angular-devkit/build-optimizer: 0.3.2
@angular-devkit/core: 0.3.2
@angular-devkit/schematics: 0.3.2
@ngtools/json-schema: 1.2.0
@ngtools/webpack: 1.10.2
@schematics/angular: 0.3.2
@schematics/package-update: 0.3.2
typescript: 2.5.3
webpack: 3.11.0

    @angular/cli: 1.7.4
    @angular-devkit/build-optimizer: 0.3.2
    @angular-devkit/core: 0.3.2
    @angular-devkit/schematics: 0.3.2
    @ngtools/json-schema: 1.2.0
    @ngtools/webpack: 1.10.2
    @schematics/angular: 0.3.2
    @schematics/package-update: 0.3.2
    typescript: 2.5.

Ответы

Ответ 1

Из вашего кода похоже, что вы следуете за официальным руководством Angular, которое основано на Angular 6 и Rxjs 6. В Rxjs есть разрывное изменение, для которого вам необходимо импортировать operators и Observable по-другому.

В Rxjs 6 импорт похож на ниже -

import { Observable, of } from 'rxjs'; // only need to import from rxjs

Но поскольку вы используете Angular 5.2.x, скорее всего, вы все еще используете версию Rxjs 5x. В связи с чем ваш оператор импорта должен выглядеть следующим образом:

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

Проверьте приведенную ниже ссылку на полный список изменений и инструкцию по установке пакета совместимости rxjs-compat для обновления с углового 5 до 6.

См. Эту ссылку для справки: https://www.academind.com/learn/javascript/rxjs-6-what-changed/