如何使用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的容器中