Vuejs2 将vue instantsearch从1.7.0版更新到2.0.0版后出现空白屏幕

节点版本：v10.14.1 NPM版本：6.4.1： 操作系统：Windows

说明： 我已将algolia集成到我的vuejs项目中，该项目运行良好。现在，我正在将此模块从1.7.0版升级到2.0.0版。在升级软件包时，它会显示控制台错误，并且屏幕上不会显示任何内容。我还试图通过包含必需的包来解决这个问题，但没有得到结果。以下是控制台错误：

[Vue warn]:Unknown custom element: <ais-index> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
[Vue warn]: Unknown custom element: <ais-input> - did you register the component correctly? For recursive components, make sure to provide the "name" option
[Vue warn]: Error in nextTick: "TypeError: It looks like you forgot to wrap your Algolia search component "<ais-refinement-list>" inside of an "<ais-instant-search>" component."
TypeError: It looks like you forgot to wrap your Algolia search component "<ais-refinement-list>" inside of an "<ais-instant-search>" component.

需要进行哪些更改才能使其正常工作？如果有人需要更多信息，请告诉我。

---

谢谢

根据您的错误消息：

TypeError: It looks like you forgot to wrap your Algolia search component "<ais-refinement-list>" inside of an "<ais-instant-search>" component.

新的vue instantsearch API主要版本可能需要它

因此，将组件包装起来，看看它是如何运行的：

//main.js 
import 'babel-polyfill'
import Vue from 'vue'
import Vuetify from 'vuetify'
import InstantSearch from 'vue-instantsearch'

//router 
import router from './router'
Vue.use(InstantSearch)

Vue.config.productionTip = false

new Vue({
    store,
    router,
    i18n,
    render: h => h(App)
}).$mount('#app')

TypeError: It looks like you forgot to wrap your Algolia search component "<ais-refinement-list>" inside of an "<ais-instant-search>" component.