Typescript 两个组件之间的三重斜杠指令

我在AngularJS 1.7应用程序中有两个组件

导航组件

：

/// <reference path="../CustomerService/CustomerServiceComponent/CustomerServiceComponent.ts" />

import toggleAside$ = Something.CustomerService.toggleAside$;
export const additionalContentIcon$ = new Rx.Subject<boolean>();

在

ViewDetailComponent

中，我有：

export const toggleAside$ = new Rx.Subject();

public showAside: boolean;

$onInit() {
    this.toggleAsideView();
}

private toggleAsideView(): void {
    toggleAside$.subscribe(() => {
        this.showAside = !this.showAside;
    });
}

当我从我的NavigationComponent调用函数

togleAdditionalInformation（）

时，它会激活流，并在ViewDetailComponent中正确设置

showade

属性。因此，它按预期工作

但我也希望以另一种方式创建一个流。当我加上：

/// <reference path="../../ResponsiveNavigationComponent/ResponsiveNavigationComponent.ts" />

显示一个：

无法读取未定义的属性“onNext”

---

有什么建议导致这种行为吗？是因为我正在创建两个文件的引用路径吗？它更像一条单行道吗？

您使用的是哪种类型的脚本版本？“类型脚本”：“^3.5.2”，

/// <reference path="../../ResponsiveNavigationComponent/ResponsiveNavigationComponent.ts" />

public toggleAdditionalInformation() {
    toggleAside$.onNext(null);
}