角度6

Question

我已经在谷歌上搜索过了，但我找不到解决办法。

我已经使用这样的代码有一段时间了。http是http客户端。

 forgotPassword(email: string): Observable<ApiReturn> {
        const url = `${this.apiURL}/ForgotPassword`;
        const params = {
            email
        };
        return this.http
            .post<ApiReturn>(url, params, this.requestOptions)
            .pipe(catchError(e => this.handleError(e)));
    }

我更新到最新的Angular 6。x版本和RxJS 6（来自5.5）。现在代码正在抱怨catchError：

类型“操作员函数”的参数不能分配给类型“操作员函数”的参数。参数“源”和“源”的类型不兼容。类型'可观察'不能分配给类型'可观察'。

我的HttpInterceptor现在也无法编译。

import { Injectable } from '@angular/core';
import {
    HttpEvent,
    HttpInterceptor,
    HttpHandler,
    HttpRequest,
    HttpResponse
} from '@angular/common/http';
import { Log, Level } from 'ng2-logger/client';
import { Observable } from 'rxjs';
import { map, tap } from 'rxjs/operators';

@Injectable()
export class AuthInterceptor implements HttpInterceptor {
    constructor() {
    }

    intercept(
        req: HttpRequest<any>,
        next: HttpHandler
    ): Observable<HttpEvent<any>> {
        // Get the auth header from the service.
        // const authHeader = this.global.authenticationToken;
        // Clone the request to add the new header.
        const authReq = req.clone({
            headers: req.headers
                .set('Access-Control-Allow-Origin', window.location.href)
        });
        // Pass on the cloned request instead of the original request.
        return next.handle(authReq);
    }
}

错误：[ts]类型'导入（"c：/ProjDotNet/学院碗-网站/node_modules/@角/核心/node_modules/rxjs/内部/可观察"）。可观察到的

基本上是同一个问题。

我想我在管道函数中缺少了一些基本的东西，但是我不能弄清楚或者找到一个正在做我正在做的事情的例子。任何帮助都将不胜感激。

Answer 1

正如@meriton所说，这是因为您在多个node_modules中拥有多个rxjs实例。我找到的最佳解决方案是在tsconfig.json中添加别名，以强制在任何地方使用相同的rxjs：

"compilerOptions": {
  "paths": {
      "rxjs": [
        "node_modules/rxjs"
      ],
      "rxjs/*": [
        "node_modules/rxjs/*"
      ]
   }
}

Answer 2

更仔细地查看错误消息。上面是这么说的

import("c:/ProjDotNet/collegebowl-site/node_modules/@angular/core/node_modules/rxjs/internal/Observable").Observable>

和

import("c:/ProjDotNet/collegebowl-site/node_modules/rxjs/internal/Observable").Observable>

有不同的类型。也就是说，实际上有两种不同类型的可观察对象，它们来自位于文件系统不同目录中的RxJS的不同副本。

也就是说，节点_模块处于非常奇怪的状态。运行npm ls rxjs或warn why rxjs可能会提供线索，说明为什么npm/warn认为两次安装rxjs是个好主意。