Vue.js 即时搜索 - 控制台错误 - 无法在 InstantSearch 上调用 .use

Posted 2023-03-21

【中文标题】Vue.js 即时搜索 - 控制台错误 - 无法在 InstantSearch 上调用 .use

【英文标题】：Vue.js instant search - console error - unable to invoke .use on InstantSearch

【发布时间】：2022-01-22 13:58:22

【问题描述】：

我已按照指南在我的 Vue.js (3.0) 应用程序中安装 vue Instantsearch (4.3)。

在我的 main.js 文件中，我有以下内容 -

import InstantSearch from 'vue-instantsearch/vue3/es'

Vue.use(InstantSearch);

这是确切的控制台错误 -

Uncaught TypeError: Cannot read properties of undefined (reading 'use')

这是指南中提供的代码，所以我不确定为什么会收到此错误。

【问题讨论】：

您需要在此之前import Vue from 'vue'，否则Vue 将是未定义的，因此您的错误。

是的，我已经在上面做了。我只是没有将它包含在代码中。这是完整的文件 - import Vue, createApp from 'vue' import App from './App.vue' import InstantSearch from 'vue-instantsearch/vue3/es' Vue.use(InstantSearch); createApp(App).mount('#app')

【参考方案1】：

另外，vue 3 现在使用 create app 所以下面的效果最好

import  createApp  from 'vue'
import Root from './App.vue'
import InstantSearch from 'vue-instantsearch/vue3/es'

const app = createApp(Root)
    .use(InstantSearch)
    .mount('#app')

【讨论】：

只要您在某处调用 app()，这就是解决方案。