15 回答

• 20

  您需要导入 map 运算符：

  import 'rxjs/add/operator/map'
  

  回复于 2024-04-29T13:54:01+08:00
• 6

  从版本5转换到6时，将弹出类似的错误消息 . 以下是对rxjs-6的更改的答案 .

  导入各个运算符，然后使用 pipe 而不是链接 .

  import { map, delay, catchError } from 'rxjs/operators'; 
  
  source.pipe(
    map(x => x + x),
    delay(4000),
    catchError(err => of('error found')),
  ).subscribe(printResult);
  

  回复于 2024-04-29T13:54:01+08:00
• 25

  我将我的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

  回复于 2024-04-29T13:54:01+08:00
• 55

  Rxjs 5.5“属性' Map '在类型Observable上不存在 .

  问题与您需要在所有运营商周围添加管道有关 .

  改变这个，

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

  对此

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

  和

  导入这样的 Map ，

  import { map } from 'rxjs/operators';
  

  它将解决您的问题 .

  回复于 2024-04-29T13:54:01+08:00
• 282

  在我的情况下，仅包括 Map 和承诺是不够的：

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

  我通过导入几个rxjs组件解决了这个问题，因为official documentation建议：

  1）在一个app / rxjs-operators.ts文件中导入语句：

  // 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本身：

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

  回复于 2024-04-29T13:54:01+08:00
• 78

  如果您碰巧在VS2015中看到此错误，则会出现github问题和解决方法：

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

  这确实帮助我解决了 property map does not exist on observable 问题 . 此外，请确保您的打字稿版本高于1.8.2

  回复于 2024-04-29T13:54:01+08:00
• 10

  对于使用角度6的人的最终答案：

  在 *.service.ts 文件中添加以下命令“

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

  我正在使用Windows 10;

  angular6与打字稿V 2.3.4.0

  回复于 2024-04-29T13:54:01+08:00
• 12

  import 'rxjs/add/operator/map';
  

  ＆

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

  为我工作

  回复于 2024-04-29T13:54:01+08:00
• 7

  在Angular 2x中

  在example.component.ts中

  import { Observable } from 'rxjs';
  

  在example.component.html中

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

  在Angular 5x或Angular 6x中：

  在example.component.ts中

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

  在example.component.html中

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

  回复于 2024-04-29T13:54:01+08:00
• 7

  UPDATE Sep 29 2016 for Angular 2.0 Final & VS 2015

  不再需要解决方法，解决您只需要install TypeScript version 2.0.3 .

  修复this github issue comment上的编辑 .

  回复于 2024-04-29T13:54:01+08:00
• 4

  正如Justin Scofield在他的回答中建议的那样，对于Angular 5的最新版本和Angular 6，如同2018年6月1日，只是 import 'rxjs/add/operator/map'; 不足以消除TS错误： [ts] Property 'map' does not exist on type 'Observable<Object>'.

  必须运行以下命令来安装所需的依赖项： npm install rxjs@6 rxjs-compat@6 --save 之后 map import依赖性错误得到解决！

  回复于 2024-04-29T13:54:01+08:00
• 8

  看起来最新的RxJS需要typescript 1.8，因此typescript 1.7报告了上述错误 .

  我通过升级到最新的打字稿版本解决了这个问题 .

  回复于 2024-04-29T13:54:01+08:00
• 39

  据我所知，这是因为 rxjs 上次更新 . 他们改变了一些运算符和语法 . 此后我们应该像这样导入 rx 运算符

  import { map } from "rxjs/operators";

  而不是这个

  import 'rxjs/add/operator/map';
  

  我们需要在这样的所有运营商周围添加管道

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

  来源是here

  回复于 2024-04-29T13:54:01+08:00
• 13

  我面临着类似的错误 . 当我做这三件事时它就解决了：

  • 更新到最新的rxjs：

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

  • 导入 Map 和承诺：

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

  • 添加了新的import语句：

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

  回复于 2024-04-29T13:54:01+08:00
• 5

  如果您正在使用angular4，请使用以下导入 . 它应该工作 .

  import 'rxjs/add/operator/map';

  如果您使用angular5 / 6，则使用带管道的 Map 并在下面导入

  import from "rxjs/operators";

  回复于 2024-04-29T13:54:01+08:00