Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular Ngx完美滚动条不工作_Angular_Webpack_Perfect Scrollbar - Fatal编程技术网

Angular 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

我一直在努力使ngx完美的滚动条工作。我已使用安装库

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
,后面不带括号和等号在顶部