각도 2 베타17: 속성 '맵'이 '관측 가능' 유형에 없습니다.

각도 2 베타17: 속성 '맵'이 '관측 가능' 유형에 없습니다.

방금 Angular 2 beta16에서 beta17로 업그레이드했습니다.이것에 rxjs 5.0.0~126.6이 필요합니다.(Changelog: https://github.com/angular/angular/blob/master/CHANGELOG.md#200-beta17-2016-04-28) in beta16은 관찰 가능/지도 기능에 대해 모두 잘 작동하고 있었습니다.업그레이드 후 다음 오류가 표시되며, 타이프스크립트가 변환하려고 할 때 발생합니다.

1. '관측 가능' 유형(관측 가능과 함께 지도를 사용한 모든 위치)에 속성 '맵'이 없습니다.
2. c:/path/node_modules/rxjs/add/operator/map.d.ts(2,16): 오류 TS2435: 주변 모듈은 다른 모듈 또는 네임스페이스에 네스트할 수 없습니다.
3. c:/path/node_modules/rxjs/add/operator/map.d.ts(2,16): 오류 TS2436: 주변 모듈 선언에서는 상대 모듈 이름을 지정할 수 없습니다.

이 질문/답변은 확인했지만 문제가 해결되지 않습니다.Angular2 베타.12 및 RxJs 5 베타.3에서 발생할 수 있는 오류

내 appBoot.ts는 다음과 같습니다(이미 rxjs/map을 참조하고 있습니다).

///<reference path="./../node_modules/angular2/typings/browser.d.ts"/>
import {bootstrap} from "angular2/platform/browser";
import {ROUTER_PROVIDERS} from 'angular2/router';
import {HTTP_PROVIDERS} from 'angular2/http';
[stuff]
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/toPromise';
import {enableProdMode} from 'angular2/core';
import { Title } from 'angular2/platform/browser';


//enableProdMode();
bootstrap(AppDesktopComponent, [
    ROUTER_PROVIDERS,
    HTTP_PROVIDERS,
    Title
]);

무슨 일이 일어나고 있는지 아는 사람 있나요?

를 Import해야 합니다.map연산자:

import 'rxjs/add/operator/map'

gulp-typescript 플러그인을 최신 버전(2.13.0)으로 업그레이드하여 문제없이 컴파일 할 수 있게 되었습니다.

업데이트 1: 이전에 gulp-typescript 버전 2.12.0을 사용하고 있었습니다.

업데이트 2: Angular 2.0.0-rc.1로 업그레이드하는 경우 appBoot.ts 파일에서 다음을 수행해야 합니다.

///<reference path="./../typings/browser/ambient/es6-shim/index.d.ts"/>
import { bootstrap } from "@angular/platform-browser-dynamic";
import { ROUTER_PROVIDERS } from '@angular/router-deprecated';
import { HTTP_PROVIDERS } from '@angular/http';
import { AppComponent } from "./path/AppComponent";
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/toPromise';
// import 'rxjs/Rx'; this will load all features
import { enableProdMode } from '@angular/core';
import { Title } from '@angular/platform-browser';



//enableProdMode();
bootstrap(AppComponent, [
    ROUTER_PROVIDERS,
    HTTP_PROVIDERS,
    Title
]);

중요한 것은 es6-shim/index.d.ts에 대한 참조입니다.

여기에서는, 다음과 같이 es6-shim 의 타입이 인스톨 되어 있는 것을 전제로 하고 있습니다.

Angular에서 설치되는 입력에 대한 자세한 내용은 https://angular.io/docs/ts/latest/guide/typescript-configuration.html#!#typings를 참조하십시오.

Rxjs 5.5 " 속성 'map'이 관찰 가능한 유형에 없습니다.

이 문제는 모든 측정 시스템 주위에 파이프를 추가해야 한다는 사실과 관련이 있습니다.

이것을 변경해 주세요.

this.myObservable().map(data => {})

여기에

this.myObservable().pipe(map(data => {}))

그리고.

이렇게 지도를 가져오면

import { map } from 'rxjs/operators';

그게 너의 문제를 해결해 줄 거야.

제 경우 지도와 약속만 포함하면 충분하지 않습니다.

import 'rxjs/add/operator/map';
import 'rxjs/add/operator/toPromise';

이 문제는 공식 문서에서 권장하는 대로 여러 rxjs 컴포넌트를 Import하여 해결했습니다.

1) 하나의 app/rxjs-operators.ts 파일에 있는 문을 Import합니다.

// import 'rxjs/Rx'; // adds ALL RxJS statics & operators to Observable

// See node_module/rxjs/Rxjs.js
// Import just the rxjs statics and operators we need for THIS app.

// Statics
import 'rxjs/add/observable/throw';

// Operators
import 'rxjs/add/operator/catch';
import 'rxjs/add/operator/debounceTime';
import 'rxjs/add/operator/distinctUntilChanged';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/switchMap';
import 'rxjs/add/operator/toPromise';

2) rxjs-operator 자체를 서비스로 Import합니다.

// Add the RxJS Observable operators we need in this app.
import './rxjs-operators';

VS2015에서 이 오류가 발생할 경우 다음과 같은 github 문제와 해결 방법이 있습니다.

https://github.com/Microsoft/TypeScript/issues/8518#issuecomment-229506507

해서 를 풀 수 있었어요.property map does not exist on observable2 이상의하십시오.

Angular 6을 사용하는 사용자를 위한 최종 답변:

*.service.ts 파일에 다음 명령을 추가합니다.

import { map } from "rxjs/operators";

**********************************************Example**Below**************************************
getPosts(){
this.http.get('http://jsonplaceholder.typicode.com/posts')
.pipe(map(res => res.json()));
}
}

윈도우 10을 사용하고 있습니다.

활자 V 2.3.4.0을 사용한 angular6

import 'rxjs/add/operator/map';

&

npm install rxjs@6 rxjs-compat@6 --save

나를 위해 일했다

각도 2배

예: component.ts

import { Observable } from 'rxjs';

예: component.html

  Observable.interval(2000).map(valor => 'Async value');

Angular 5x 또는 Angular 6x의 경우:

예: component.ts

import { Observable, interval, pipe } from 'rxjs';
import {switchMap, map} from 'rxjs/operators';

예: component.html

valorAsync = interval(2500).pipe(map(valor => 'Async value'));

2016년 9월 29일 Angular 2.0 파이널 & VS 2015 업데이트

이 문제를 해결하려면 TypeScript 버전 2.0.3만 설치하면 됩니다.

이 github 문제 코멘트의 편집에서 가져온 수정입니다.

론 가가 of of of of of of때문인 것으로 알고 있습니다.rxjs최신 업데이트입니다.이치노해야 합니다.rx

import { map } from "rxjs/operators";

이것 대신에

import 'rxjs/add/operator/map';

그리고 이렇게 모든 연산자 주위에 파이프를 추가해야 합니다.

this.myObservable().pipe(map(data => {}))

출처는 이쪽

한 바와 5의 6의 Angular 5의 최신 와 Angular 6의 경우 단 한 입니다.import 'rxjs/add/operator/map';TS ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★」[ts] Property 'map' does not exist on type 'Observable<Object>'.

하려면 다음 npm install rxjs@6 rxjs-compat@6 --save 후 그 after는map가져오기 종속성 오류가 해결되었습니다!

나도 비슷한 오류에 직면해 있었다.제가 이 세 가지를 했을 때 해결되었습니다.

1. 최신 rxj로 업데이트:

   npm install rxjs@6 rxjs-compat@6 --save
   

2. 지도 및 약속 가져오기:

   import 'rxjs/add/operator/map';
   import 'rxjs/add/operator/toPromise';
   

3. 새 가져오기 문 추가:

   import { Observable, Subject, asapScheduler, pipe, of, from, interval, merge, fromEvent } from 'rxjs';
   

최신 RxJ에는 typescript 1.8이 필요하기 때문에 typescript 1.7은 위의 오류를 보고합니다.

저는 최신 타이프스크립트 버전으로 업그레이드하여 이 문제를 해결했습니다.

버전 5에서6으로 이행할 때 유사한 오류 메시지가 나타납니다.rxjs-6으로의 변경에 대한 답변은 다음과 같습니다.

연산자를 Import한 후 하세요.pipe츠미야

import { map, delay, catchError } from 'rxjs/operators'; 

source.pipe(
  map(x => x + x),
  delay(4000),
  catchError(err => of('error found')),
).subscribe(printResult);

만약 당신이 angular4를 사용한다면 아래의 사용법을 가져오세요.그건 작동할 거야.

'subjs/add/map' 가져오기;

angular5/6을 사용하는 경우 파이프가 있는 맵을 사용하고 1개 아래로 가져오기

"mapjs/map"에서 {map} 가져오기;

속성 'map'이 유형 'expectable response' angular 6에 존재하지 않습니다.

솔루션:Angular CLI 및 코어 버전 업데이트

ng update @angular/cli           //Update Angular CLi 
ng update @angular/core          //Update Angular Core 
npm install --save rxjs-compat   //For Map Call For Post Method 

언급URL : https://stackoverflow.com/questions/36947748/angular-2-beta-17-property-map-does-not-exist-on-type-observableresponse