ngx-perfect-scrollbar不起作用

时间:2017-04-18 13:00:25

标签: angular

我想在项目中包含perfect-scrollbar,所以我安装并将其包含在我的项目中,如下所示。

但是当我运行项目时会显示此错误:

app.module

import { PerfectScrollbarConfigInterface } from 'ngx-perfect-scrollbar';
    import { PerfectScrollbarModule } from 'ngx-perfect-scrollbar';
const PERFECT_SCROLLBAR_CONFIG: PerfectScrollbarConfigInterface = {
suppressScrollX: true
};
@NgModule({
imports: [
PerfectScrollbarModule.forRoot(PERFECT_SCROLLBAR_CONFIG)
]

但我一直收到此错误

  

SyntaxError:意外的令牌<       在eval()       在SystemJSLoader .__ exec(http://localhost:47112/node_modules/systemjs/dist/system.src.js:1555:18)       在entry.execute

2 个答案:

答案 0 :(得分:1)

我不得不添加这一行:

'ngx-perfect-scrollbar': 'npm:ngx-perfect-scrollbar/bundles/ngx-perfect-scrollbar.umd.js'

systemjs.config.js

答案 1 :(得分:1)

将此行添加到systemjs.config.js`和'systemjs.debug.config.js'

'ngx-perfect-scrollbar':'npm:ngx-perfect-scrollbar / bundles / ngx-perfect-scrollbar.umd.js'

示例:

(function(global){
System.config({
    paths: {
        'npm:' : 'node_modules/'
    },
    map: {
        app: 'app',
        ........
        ........

        'ngx-perfect-scrollbar': 'npm:ngx-perfect-scrollbar/bundles/ngx-perfect-scrollbar.umd.js'
    },
    packages: {
        ........
        ........

    }
});
})(this);