将ion RangeSloider与Aurelia CLI配合使用

我试图使用ion RangeSlaider，因为我似乎遇到了一个问题，那就是我无法让css加载和设置滑块的样式。以下是我迄今为止所做的工作

之后

npm安装离子范围滑块--保存开发

aurelia.json

{
   "name": "ion-rangeslider",
   "path": "../node_modules/ion-rangeslider",
   "main": "js/ion.rangeSlider.min",
   "resources": [
      "css/ion.rangeSlider.css",
      "css/ion.rangeSlider.skinHTML5.css"
    ]
}

app.js

import {ionRangeSlider} from 'ion-rangeslider';

attached(){
    $('.slider').ionRangeSlider({
      values: [15, 30, 1, 3, 6, 12, 24]
    });
}

app.html

<input type="text" class="slider" />

所有这些的结果如下：

---

非常感谢您的帮助

您非常接近。我需要添加的唯一内容是app.html中的以下两行：

<require from="ion-rangeslider/css/ion.rangeSlider.css"></require>
<require from="ion-rangeslider/css/ion.rangeSlider.skinHTML5.css"></require>

这导致：

我已经推了这个应用程序