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

Posted 2023-05-09

【中文标题】为啥easy-autocomplete在Rails 6上不起作用？

【英文标题】：Why is the easy-autcomplete not working on Rails 6?为什么easy-autocomplete在Rails 6上不起作用？

【发布时间】：2021-02-15 15:29:55

【问题描述】：

我已经有好几天了，我一直在尝试使用我的 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);
);

【问题讨论】：

您好，您终于找到解决方案了吗？最好的问候

【参考方案1】：

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

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

【讨论】：

我尝试按照教程中的说明安装 jQuery，但它不起作用。