Rails 7 导入纱线包失败(https://github.com/keisto/vanilla-rangeslider)

Question

这是 IonRangeSlider (https://github.com/IonDen/ion.rangeSlider) 的非 jQuery 版本：

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'

在我在开发中编译的 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

这里有关于我遗漏的任何想法吗？我已经添加了一些其他基于 yarn 的 JS 包，没有任何问题。

Answer 1

范围滑块没有导出函数，这意味着您将无法从中导入任何内容。

遗憾的是，使用其功能的唯一方法是将其添加到 script 标记中。

Rails 7 导入纱线包失败(https://github.com/keisto/vanilla-rangeslider)

Rails 7 failing to import yarn package (https://github.com/keisto/vanilla-rangeslider)

javascript

ruby-on-rails

ion-range-slider