Angular TypeError:Observable_1.Observable.fromEvent不是ng2-bs3-modal/ng2-bs3-modal模块中的函数 当我尝试导航到任何使用ng2-bs3-modal的组件时，我发现错误如下。相同的代码在不同的应用程序中工作#

我得到的错误

core.js:1673 ERROR ERROR:Uncaught（承诺中）：TypeError:Observable\u 1.Observable.fromEvent不是函数 TypeError:Observable_1.Observable.fromEvent不是函数 在ModalInstance.push../node_modules/ng2-bs3-modal/components/modal-instance.js.ModalInstance.init（modal instance.js:52） 在新的ModalInstance中（modal instance.js:12） 在新的ModalComponent上（modal.js:17） 在createClass（core.js:9294） 在createDirectiveInstance上（core.js:9179） 在createViewNodes上（core.js:10399） 在callViewAction上（core.js:10715） 在execComponentViewsAction（core.js:10634） 在createViewNodes上（core.js:10427） 在createRootView（core.js:10313） 在resolvePromise（zone.js:814） 在resolvePromise（zone.js:771） 在zone.js:873 在ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask（zone.js:421） 在Object.onInvokeTask（core.js:3811） 在ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask（zone.js:420） 在Zone.push../node_modules/Zone.js/dist/Zone.js.Zone.runTask（Zone.js:188） 在drainMicroTaskQueue（zone.js:595） 在ZoneTask.push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask[as invoke]（zone.js:500） 在invokeTask（zone.js:1540）

依赖关系## 我的componenet中的示例代码

import { ModalComponent } from 'ng2-bs3-modal/ng2-bs3-modal';
import { NguiDatetimePickerModule } from '@ngui/datetime-picker';
import { NgxPaginationModule } from 'ngx-pagination';
import { IETLTaskSetup } from '../../../Models/etltasksetup';
import { DBOperation } from '../../../Shared/enum';
import { Environment } from '../../../Shared/enum';
import { Observable } from 'rxjs';
import { Global } from '../../../Shared/global';
import { ISecurity } from '../../../Models/security';

@Component({
    templateUrl: `../View/etltasksetup.component.html`
})

export class ETLTaskComponent implements OnInit {
    @ViewChild('modal') modal: ModalComponent;
    @ViewChild('modal2') modal2: ModalComponent;````

---

您没有导入

onInit

import { OnInit } from '@angular/core';

编辑：

在

Rxjs 6.x中，不再支持fromEvent（）

。你必须告诉我们你在代码中使用它的位置。如果它发生在您的NodeModule

ModalInstance

中，而您无法控制代码，则需要删除或更新该旧模块

关于如何使用它的示例

// RxJS v6+
import { fromEvent } from 'rxjs';
import { map } from 'rxjs/operators';

//create observable that emits click events
const source = fromEvent(document, 'click');
//map to string with given event timestamp
const example = source.pipe(map(event => `Event time: ${event.timeStamp}`));
//output (example): 'Event time: 7276.390000000001'
const subscribe = example.subscribe(val => console.log(val));

---

我将ng2-bs3-modal更新为最新版本，即0.15.0。然后我更新了所有与ng2-bs3-modal相关的代码，如下所示 旧代码

<modal #modal2>
    <form >
        <modal-header [showDismiss]="true">

        </modal-header>
        <modal-body>

        </modal-body>
        <modal-footer style="background-color:cornsilk;">

        </modal-footer>
    </form>
<modal>

新代码

<bs-modal #modal2>
    <form >
        <bs-modal-header [showDismiss]="true">

        </bs-modal-header>
        <bs-modal-body>

        </bs-modal-body>
        <bs-modal-footer style="background-color:cornsilk;">

        </bs-modal-footer>
    </form>
</bs-modal>

它就在上面，我粘贴到这里时没有看到。谢谢你的建议。我从这个ng2-bs3-modal节点模块得到错误信息。在浏览器开发工具，我可以看到代码“使用严格”；var可观测_1=要求（'rxjs/可观测'）；要求（'rxjs/add/operator/map'）；要求（'rxjs/add/observable/fromEvent'）；这是一个丢线错误。this.show=Observable\u 1.Observable.fromEvent（this.$modal，this.shownEventName）。我正在使用最新版本的“ng2-bs3-modal”：“^0.15.0”，刚刚更新。仍然不起作用。在那个版本的rxjs中根本不起作用。您有以下选项。1.降级rxjs、删除节点模块或手动更新节点模块。如果每次升级模块时都手动更新，则代码将被覆盖，必须再次更新。尝试在他们的GIT上发布贡献，并在修复程序上发出请求，或者在GIT上发布贡献，以更新模式。无论哪种方式，它都不适用于当前版本的rxjs。我将模块更新为最新版本，成功了。但是我必须做很多代码修改

<bs-modal #modal2>
    <form >
        <bs-modal-header [showDismiss]="true">

        </bs-modal-header>
        <bs-modal-body>

        </bs-modal-body>
        <bs-modal-footer style="background-color:cornsilk;">

        </bs-modal-footer>
    </form>
</bs-modal>