Angular Ngx完美滚动条不工作
我一直在努力使ngx完美的滚动条工作。我已使用安装库Angular Ngx完美滚动条不工作,angular,webpack,perfect-scrollbar,Angular,Webpack,Perfect Scrollbar,我一直在努力使ngx完美的滚动条工作。我已使用安装库 npm install ngx-perfect-scrollbar --save 之后,我将依赖项添加到我的app.module.ts。但当我运行应用程序时,它会出错 对象(…)不是函数 我不知道我做错了什么。所有步骤均已按照github repo中的要求执行 从第126行生成错误 这是我的html文件 <div class="ps" style="position: relative; max-width: 600px; max
npm install ngx-perfect-scrollbar --save
之后,我将依赖项添加到我的app.module.ts
。但当我运行应用程序时,它会出错
对象(…)不是函数
我不知道我做错了什么。所有步骤均已按照github repo中的要求执行
从第126行生成错误
这是我的html文件
<div class="ps" style="position: relative; max-width: 600px; max-height: 400px;" [perfectScrollbar]="config">
<router-outlet></router-outlet>
</div>
将以下行添加到组件标题中:
import { fromEvent } from 'rxjs/observable/fromEvent';
import { merge } from 'rxjs/observable/merge';
require('rxjs').fromEvent = fromEvent
require('rxjs').merge = merge
我在运行Angular 5时也遇到了同样的问题。我安装了
ngx perfect scrollbar 6.x
,使用以下命令降级解决了问题:
npm remove ngx-perfect-scrollbar
npm install --save ngx-perfect-scrollbar@^5.0.0
为什么这个问题被否决了?我可以知道原因吗?请在浏览器中显示组件的typescript代码,而不是已编译的js。我猜传递给
[perfectScrollbar]
指令的config
参数在组件的作用域中不存在。您也可以使用该指令,而无需将config元素传递给它,只需将其添加为perfectScrollbar
,后面不带括号和等号代码>在顶部