如何使用autoComplete.js？

Question

我正在嘗試使用autoComplete.js 。

我已經安裝了npm：

npm i @tarekraafat/autocomplete.js

然后將其導入到js文件中：

import autoComplete from "@tarekraafat/autocomplete.js/dist/js/autoComplete";

還添加了一個id為autoComplete的div：

<input id="autoComplete" tabindex="1">    <!-- Default "id" value = "autoComplete">`

在導入庫的文件中，我復制了如何使用part的步驟4中網站上的代碼。

但是，我得到了錯誤：

autocompletejs.js：43未捕獲的ReferenceError：未定義resultsListID

我究竟做錯了什么？ 我按照文檔中的步驟進行操作，但出現此錯誤...

關於可能是什么問題的任何想法？

Answer 1

此錯誤是由以下事實引起的：

resultsList: {                       // Rendered results list object      | (Optional)
        render: true,
        container: source => {
            resultsListID = "food_List";
            return resultsListID;
        },
        destination: document.querySelector("#autoComplete"),
        position: "afterend",
        element: "ul"
    },

resultsListID變量從未初始化。 可以通過在分配resultsListID的開頭添加var來解決此問題，方法是： var resultsListID = "food_List";

resultsList: {                       // Rendered results list object      | (Optional)
        render: true,
        container: source => {
            var resultsListID = "food_List";
            return resultsListID;
        },
        destination: document.querySelector("#autoComplete"),
        position: "afterend",
        element: "ul"
    },

注意，這部分是可選的，如果我選擇保留它，就我的理解而言，所有結果都將包裝在具有resultsListID變量提供的ID的容器中