angular - TypeScript 模块增强

Question

我有可观察的扩展。它工作得很好，但现在我已经用 typescript 2.7.2 更新到 angular 6。

import { Observable } from 'rxjs/Observable';
import { BaseComponent } from './base-component';
import { Subscription } from 'rxjs/Subscription';
import { Subscribable } from 'rxjs';

declare module 'rxjs/Observable' {
    export interface Observable<T> {
        safeSubscribe<T>(this: Observable<T>, component: BaseComponent,
            next?: (value: T) => void, error?: (error: T) => void, complete?: () => void): Subscription;
    }
}


export function safeSubscribe<T>(this: Observable<T>, component: BaseComponent,
    next?: (value: T) => void, error?: (error: T) => void, complete?: () => void): Subscription {
    let sub = this.subscribe(next, error, complete);
    component.markForSafeDelete(sub);
    return sub;
}

Observable.prototype.safeSubscribe = safeSubscribe;

而且这段代码不起作用

1. 'Observable' 仅指一种类型，但在这里用作值。
2. “可观察”类型上不存在属性“订阅”。

https://www.typescriptlang.org/docs/handbook/declaration-merging.html

Answer 1

合并声明时，指定的模块路径必须与实际模块的路径完全匹配。

使用 RxJS 版本 6，您将需要更改模块声明，因为内部结构已更改。根据记忆，应该是：

declare module 'rxjs/internal/Observable' {
    export interface Observable<T> {
        safeSubscribe<T>(this: Observable<T>, component: BaseComponent,
            next?: (value: T) => void, error?: (error: T) => void, complete?: () => void): Subscription;
    }
}

例如，请参阅.rxjs-compat