为什么easy-autocomplete在Rails 6上不起作用？

Question

我已经有好几天了，我一直在尝试使用我的 Rails 6 应用程序使用易于自动完成的包。

我关注了this tutorial。

我尝试了一些解决方案，例如this one，但仍然无法正常工作。

在我的所有尝试中，Web 控制台上显示的错误是：Uncaught TypeError: $(...).easyAutocomplete is not a function。

这是我的application.js：

require("@rails/ujs").start();
require("turbolinks").start();
require("@rails/activestorage").start();
require("channels");
require("bootstrap");
// Stylesheets
require("../stylesheets/main.scss");

require("easy-autocomplete");

我不需要require('jquery')，因为它包含在 Bootstrap 包中。我在整个应用程序中都使用了 JQuery 函数并且没有出现任何错误。

我的application.scss：

 @import 'easy-autocomplete/dist/easy-autocomplete';
 @import "variables";

* {
  font-family: $syne-font
}

还有我的自定义 js 代码：

$(document).on("turbolinks:load", function () {
  var options = {
    data: ["otto", "hans", "paula"],
  };

  $("#city_search").easyAutocomplete(options);
});

Answer 1

我建议你使用 yarn 安装 jQuery，并在 config/webpack/environment.js 中进行配置。完成后需要教程中预期的 jQuery。

尝试一下，它应该可以工作。