状況#
検索ボックスが表示されない。エラーを確認すると以下が目にとまった。
instantsearch.js@4:2 Uncaught Error: The `searchClient` must implement a `search` method.修正#
以下を参考に該当箇所を修正。
src/components/MeiliSearch.astro
const { searchClient } = instantMeiliSearch(
import.meta.env.PUBLIC_MEILISEARCH_HOST,
import.meta.env.PUBLIC_MEILISEARCH_SEARCH_KEY,
{
placeholderSearch: false, // default: true.
},
)
const instantsearchinstance = instantsearch({
indexName: 'MY_INDEX_NAME',
searchClient,
initialUiState: {
frontpage: {
query: '',
},
},
})