Ngx-Perfect-Scrollbar无效

时间:2018-04-10 10:08:56

标签: angular webpack perfect-scrollbar

我一直试图让ngx-perfect-scrollbar工作。我已经使用

安装了库
npm install ngx-perfect-scrollbar --save

之后我将依赖项添加到app.module.ts。但是,当我运行应用程序时,它会给出错误

  

对象(...)不是函数

我不知道我在这里做错了什么。按照github repo中的所有步骤进行了跟踪。

This is the error that I am seeing

从第126行

生成错误

ngx-perfect-scrollbar file code

这是我的html文件

<div class="ps" style="position: relative; max-width: 600px; max-height: 400px;" [perfectScrollbar]="config">
    <router-outlet></router-outlet>
 </div>

2 个答案:

答案 0 :(得分:1)

将这些行添加到组件标题中:

import { fromEvent } from 'rxjs/observable/fromEvent';
import { merge } from 'rxjs/observable/merge';

require('rxjs').fromEvent = fromEvent
require('rxjs').merge = merge

source

答案 1 :(得分:0)

在运行Angular 5时,我遇到了同样的问题。我安装了ngx-perfect-scrollbar 6.x,通过以下命令进行降级为我解决了该问题:

npm remove ngx-perfect-scrollbar

npm install --save ngx-perfect-scrollbar@^5.0.0