Angular 2 beta.17：属性映射不存在于类型'观察'

Question

我刚刚从Angular 2 beta16升级到beta17，这反过来需要rxjs 5.0。0-β。6.（此处的更改日志：https://github.com/angular/angular/blob/master/CHANGELOG.md#200-beta17-2016-04-28）在beta16中，关于可观测/地图功能，所有功能都运行良好。以下错误在我升级后出现，并在typescript尝试传输时发生：

1. 属性“map”不存在于类型“Observable”（我将map与Observable一起使用的任何地方）
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 beta.12和RxJs 5 beta.3的可观察错误

我的应用程序启动。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
]);

有人知道怎么回事吗？

Answer 1

rxjs 5.5"属性'map'在可观察类型上不存在。

问题与需要在所有操作符周围添加管道有关。

改变这个，

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

对此

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

而且

像这样导入地图，

import { map } from 'rxjs/operators';

它会解决你的问题。

Answer 2

我将GulpTypeScript插件升级到最新版本（2.13.0），现在它可以顺利编译。

更新1：我之前使用的是2.12.0版的GALP-打字稿

更新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垫片/索引。d、 ts

有关打字的更多信息，请从此处安装：https://angular.io/docs/ts/latest/guide/typescript-configuration.html#!#打字

Answer 3

您需要导入map操作符：

import 'rxjs/add/operator/map'