Javascript Typeahead显示Rails应用程序上的空下拉列表

我正在尝试在我的Rails应用程序中创建一个自动完成下拉列表。我为此绞尽脑汁已经有一段时间了，我读了很多指南/问题，但我还没能解决它

输入框：

<%= text_field_tag :query, params[:query], id: 'product_search', class: "search-bar ml-3 typeahead", placeholder: "Zoeken...", autocomplete: :off, value: params[:query] %>

产品控制员：

def自动完成
呈现json:Product.search（params[：query]）.pull（：name）
结束

我用CURL和调试器测试了autocomplete方法，得到了我想要的数组结果，就像我搜索“iphone”时一样：

[“Iphone 10”、“Iphone 11”]

但我的应用程序如下所示：

我没有与猎犬或Typeahead的经验，所以任何帮助或建议将不胜感激

轨道5.2.6| Ruby 2.7.3| Twitter Typeahead 0.11.1（最新版本）