1

我正在使用 ngx-bootstrap 3.0.1，并且我已将我的应用程序从 Angular 6.1.3 升级到 7.0.0 并得到错误mergeMap is not a function：

CfComponent_Host.ngfactory.js？[sm]:1 错误类型错误：rxjs_Observable__WEBPACK_IMPORTED_MODULE_4__.Observable.create(...).mergeMap 不是函数

使用的代码如下所示：

import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/of';
import 'rxjs/add/operator/mergeMap';
import { TypeaheadMatch } from 'ngx-bootstrap/typeahead';
................
 this.dsTA = Observable.create((observer: any) => {
        observer.next(this.cl.TA);
      }).mergeMap((token: string) => this.getAsObservTA(token));

使用 Angular 6.1.3 代码工作

旧的：“rxjs”：“^6.2.2”，“rxjs-compat”：“^6.1.0”，新的：“rxjs”：“^6.3.3”，“rxjs-compat”：“^6.3.3 "

Angular CLI: 7.0.2
Node: 10.12.0
OS: win32 x64
Angular: 7.0.0
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, platform-server, router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.9.0-rc.3
@angular-devkit/build-angular     0.9.0-rc.3
@angular-devkit/build-optimizer   0.9.0-rc.3
@angular-devkit/build-webpack     0.9.0-rc.3
@angular-devkit/core              7.0.0-rc.3
@angular-devkit/schematics        7.0.2
@angular/cdk                      6.4.7
@angular/cli                      7.0.2
@ngtools/webpack                  7.0.0-rc.3
@schematics/angular               7.0.2
@schematics/update                0.10.2
rxjs                              6.3.3
typescript                        3.1.3
webpack                           4.21.0

谢谢你的任何线索

4

1 回答 1

4

RxJs 在版本 >= 6.0.0 中已更改

以下是使代码正常工作所需要做的事情。

import { mergeMap } from 'rxjs/operators';

................
 this.dsTA = Observable.create((observer: any) => {
        observer.next(this.cl.TA);
      }).pipe(mergeMap((token: string) => this.getAsObservTA(token)));

请查看以下 url 以了解迁移的详细信息

https://github.com/ReactiveX/rxjs/blob/master/docs_app/content/guide/v6/migration.md

于 2018-10-20T15:05:41.363 回答