Angularレスポンシブ開発エラー 'プロパティ'マップ 'はタイプ' Observable 'に存在しません。参照rxjsも役に立ちません。



Angular Responsive Development Errorpropertymapdoes Not Exist Typeobservable



Angularレスポンシブ開発のソースコードは次のとおりです。

import { Component, OnInit } from '@angular/core' import {Observable} from 'rxjs' // import { map } from 'rxjs/operators' import {Http} from '@angular/http' @Component({ selector: 'app-http', templateUrl: './http.component.html', styleUrls: ['./http.component.css'] }) export class HttpComponent implements OnInit { dataSource: Observable products: Array = [] constructor(private http: Http) { this.dataSource = this.http.get('/products') .map((res) => res.json()) } ngOnInit() { this.dataSource.subscribe( (data) => this.products = data ) } }

プログラムが正しく実行されない:



ERROR in src/app/http/http.component.ts(17,8): error TS2339: Property 'map' does not exist on type 'Observable'.

このエラーは、インポート「rxjs / add / operator / map」およびインポート「rxjs / Rx」を導入した場合でも発生します。
ドキュメントは、npm install rxjs-compatコマンドを使用してrxjs-compatをインストールし、プロジェクトを再起動して「rxjs / add / operator / map」をインポートすることで解決できます。

D:workDirectoryAngular2httphttp>npm install rxjs-compat npm WARN optional SKIPPING OPTIONAL DEPENDENCY: root@xxxxx (node_modulesfsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for root@xxxxx: wanted {'os':'darwin','arch':'any'} (current: {'os':'win32' ,'arch':'x64'}) + root@xxxxx added 1 package and audited 39134 packages in 35.126s found 0 vulnerabilities

参照:
https://blog.csdn.net/qq_41348754/article/details/81106265