Угловой HTTP GET с ошибкой TypeScript http.get (…) .map не является функцией в [null]

Просто какой-то фон... Недавно отчеканенный Server Communication dev guide (наконец) обсуждает/упоминает/объясняет это:

Библиотека RxJS довольно велика. Размер имеет значение, когда мы создаем производственное приложение и развертываем его на мобильных устройствах. Мы должны включать только те функции, которые нам действительно нужны.

Соответственно, Angular предоставляет усеченную версию Observable в модуле rxjs/Observable, версию, в которой отсутствуют почти все операторы, включая те, которые мы хотели бы использовать здесь, например метод map.

Нам нужно добавить необходимые нам операторы. Мы могли бы добавить каждый оператор, один за другим, до тех пор, пока у нас не будет пользовательской реализации Observable, настроенной именно на наши требования.

Так как @Thierry уже ответил, мы можем просто втянуть нужные нам операторы:

import 'rxjs/add/operator/map';
import 'rxjs/operator/delay';
import 'rxjs/operator/mergeMap';
import 'rxjs/operator/switchMap';

Или, если мы ленивы, мы можем задействовать полный набор операторов. ПРЕДУПРЕЖДЕНИЕ: это добавит все 50+ операторов в ваш комплект приложений и будет влиять на время загрузки

import 'rxjs/Rx';

Использование Observable.subscribe напрямую должно работать.

@Injectable()
export class HallService {
    public http:Http;
    public static PATH:string = 'app/backend/'    

    constructor(http:Http) {
        this.http=http;
    }

    getHalls() {
    // ########### No map
           return this.http.get(HallService.PATH + 'hall.json');
    }
}


export class HallListComponent implements OnInit {
    public halls:Hall[];
    / *** /
    ngOnInit() {
        this._service.getHalls()
           .subscribe(halls => this.halls = halls.json()); // <<--
    }
}

При использовании Angular 5 импорт RxJS улучшен.

Вместо

import 'rxjs/add/operator/map';

Теперь мы можем

import { map } from 'rxjs/operators';

Используемая здесь карта не является .map() в javascript, это функция отображения Rxjs, работающая на Observables в Angular...

Итак, в этом случае вам нужно импортировать его, если вы хотите использовать карту в результирующих данных...

map(project: function(value: T, index: number): R, thisArg: any): Observable<R> Применяет заданную функцию проекта к каждому испускаемому значению с помощью источника Observable и испускает результирующие значения в виде Наблюдаемое.

Поэтому просто импортируйте его следующим образом:

import 'rxjs/add/operator/map';

import 'rxjs/add/operator/map';

решит вашу проблему

Я тестировал его в angular 5.2.0 и rxjs 5.5.2

Глобальный импорт безопасен.

import 'rxjs/Rx';

Так как служба Http в angular2 возвращает Наблюдаемый тип, Из вашего каталога установки Angular2 ('node_modules' в моем случае) нам нужно импортировать функцию отображения Observable в компоненте с помощью службы http, как:

import 'rxjs/add/operator/map';

Правда, RxJs отделил оператор отображения в отдельном модуле, и теперь вам нужно явно импортировать его, как и любой другой оператор.

import rxjs/add/operator/map;

и все будет хорошо.