Esta es una versión que no es jQuery de IonRangeSlider ( https://github.com/IonDen/ion.rangeSlider ):

https://github.com/keisto/vanilla-rangeslider

He usado esto antes tratando de apegarme a JS puro y evitar agregar otra capa con JQ.

Instalé esto a través de yarn y está en mi carpeta node_modules.

Agregué esto a mi archivo app/javascript/application.js :

 import IonRangeSlider from 'vanilla-rangeslider/js/rangeslider'

después de intentar también simplemente:

 import IonRangeSlider from 'vanilla-rangeslider'

En mi archivo JS compilado en desarrollo, todo lo que tiene es esto:

 // ../../node_modules/vanilla-rangeslider/js/rangeslider.js var require_rangeslider = __commonJS({ "../../node_modules/vanilla-rangeslider/js/rangeslider.js"() { } });

y si trato de inicializar un control deslizante, todo lo que obtengo es:

 Uncaught ReferenceError: ionRangeSlider is not defined

¿Alguna idea aquí sobre lo que me estoy perdiendo? He agregado otro paquete JS basado en hilo sin problemas.