javascript - 未捕获的类型错误：$(...).raty 不是函数

Question

当我打电话给 Raty 时，我在视图中收到了这个错误

Uncaught TypeError: $(...).raty is not a function

Chrome 控制台屏幕

我认为我无法加载 js 文件或存在某种冲突？

我将复制/粘贴率代码放入：

app\javascript\packs\jquery.raty.js

我在一个模块中称它为：

<div id="stars"></div>

我认为脚本：

<script>
  $('#stars_<%= reservation.id %>').raty({
    path: '/javascript/packs',
    scoreName: 'guest_review[star]',
    score: 1
  });
</script>

我的 application.js

import 'bootstrap'
require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
require("jquery")
require("jquery-ui/ui/widgets/datepicker")
import JQuery from 'jquery';
window.$ = window.JQuery = JQuery;
import toastr from 'toastr';
global.toastr = require("toastr");
toastr.options.closeButton = true;

谢谢！

---

已解决：需要 application.js 文件中的 raty.js

require("packs/jquery.raty")