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中的一个示例

将我带到了可以看到所有记录的阶段：enter image description here

但是我的搜索框和分页不起作用。我不知道我错在哪里了：

我认为问题可能出在我的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不是问题所在

下面的函数将所有东西拆分开来：

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

有人能解释一下上面的函数是做什么的吗？下面这个也是。因为在移除它们之后，我看不到任何功能上的区别。

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