如何解决Algolia即时搜索结果导致“未定义”
任何人都可以帮助为我们的开源非营利项目设置Algolia搜索框吗?
站点在这里:https://goodhere.org
GitHub仓库在这里:https://github.com/goodhere/goodhere
我已经在托管网站的Netlify上设置了环境变量,并将索引添加到了Algolia,但是搜索框不起作用/无法搜索结果。
我们在客户端上看到了来自Algolia的完整结果对象,因此该错误位于前端模板中。
此刻,即时搜索结果显示一个空框,并链接到“未定义”的项目(404页),而不是项目的各个概要文件。
我们知道根本原因是在第36行附近,因为前端显示undefined
,例如/organizations/undefined
。
更深入地研究,看来最好的故障排除方法可能是减少了几行:
<li key={hit.objectID} className="border-b border-gray-200">
由于某些原因,hit.objectID
在组件中不可用。
但是我们知道objectID
在Algolia结果中可用,如我们从控制台中提取结果对象所见:
{
"results": [
{
"hits": [
{
"Name": "Standard terminology for COVID-19 lab testing","objectID": "2324267002","_highlightResult": {
"Name": {
"value": "Standard terminology for COVID-19 lab <ais-highlight-0000000000>test</ais-highlight-0000000000>ing","matchLevel": "full","fullyHighlighted": false,"matchedWords": [
"test"
]
}
}
},// truncated
],"nbHits": 23,"page": 0,"nbPages": 3,"hitsPerPage": 8,"query": "test","index": "Pages"
}
]
}
因此,练习的目的是弄清楚为什么hit
数据对象没有加入到组件中。
有人可以帮忙吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。