这是 IonRangeSlider 的非 jQuery 版本(https://github.com/IonDen/ion.rangeSlider):
https://github.com/keisto/vanilla-rangeslider
我之前尝试过使用纯 JS 并避免使用 JQ 添加另一层。
我通过 yarn 安装了它,它在我的 node_modules 文件夹中。
我将此添加到我的app/javascript/application.js
文件中:
import IonRangeSlider from 'vanilla-rangeslider/js/rangeslider'
在也尝试过之后:
import IonRangeSlider from 'vanilla-rangeslider'
在我在 dev 中编译的 JS 文件中,它拥有的是:
// ../../node_modules/vanilla-rangeslider/js/rangeslider.js
var require_rangeslider = __commonJS({
"../../node_modules/vanilla-rangeslider/js/rangeslider.js"() {
}
});
如果我尝试初始化一个滑块,我得到的是:
Uncaught ReferenceError: ionRangeSlider is not defined
关于我缺少什么的任何想法?我添加了一些其他基于纱线的 JS 包,没有任何问题。