Nuxt.js + Algolia - 搜索框不工作

Question

我正在尝试在我的 Nuxt.js WebApp 中实现 Agolia。 遵循主要 Algolia 文档https://www.algolia.com/doc/guides/building-search-ui/going-further/server-side-rendering/vue/#with-nuxt的示例

带我到可以看到所有记录的阶段：在此处输入图像描述

但是我的搜索框和分页不起作用。 我不确定我要去哪里错了:(

我认为问题可能出在我的plugins/index.js

我有：

import InstantSearch from 'vue-instantsearch';

export default {
    install(Vue) {
        Vue.use(InstantSearch);
    }
};

但我不断收到一条消息：

Could not find a declaration file for module 'vue-instantsearch'. 'node_modules/vue-instantsearch/dist/vue-instantsearch.common.js' implicitly has an 'any' type.
Try `npm install @types/vue-instantsearch` if it exists or add a new declaration (.d.ts) file containing `declare module 'vue-instantsearch';`

我不明白为什么它不起作用。

请问有人可以帮忙吗？

非常感谢！

Answer 1

我几乎花了一整天的时间，实际上我已经到 Algolia 与 Nuxt 合作。 plugins/index.js不是问题

下面的这个 function 打破了一切：/

serverPrefetch() {
   return this.instantsearch.findResultsState(this).then(algoliaState => {
        this.$ssrContext.nuxt.algoliaState = algoliaState;
   });
},

有人能解释一下上面的 function 在做什么吗？ 还有下面的那个。 因为删除它们后我看不到功能上有任何差异。

beforeMount() {
        const results = this.$nuxt.context.nuxtState.algoliaState || window.__NUXT__.algoliaState;
        this.instantsearch.hydrate(results);
},