algolia / algolia/doc-code-samples
Cannot read property 'instantSearchInstance' of undefined
- Vorherrschende Sprache
- TypeScript
- Sterne
- 99
- Forks
- 122
- PR-Merge-Kennzahlen
- Keine gemergten PRs in 30 T.
Beschreibung
I followed the intruction like this package project. i am using vue-instantsearch 4.0.0 for vuejs 3
I copied script like below:
```
import algoliasearch from 'algoliasearch/lite'
import { h, onMounted, Fragment, render, ref } from 'vue'
import { useRouter } from 'vue-router'
import { createElement } from '../composables/adapter'
export default {
data(){
return {
searchClient: algoliasearch(
"latency",
"6be0576ff61c053d5f9a3225e2a90f76"
),
}
},
setup(){
onMounted(() => {
})
return {
}
}
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 1rem;
}
.search-panel {
display: flex;
}
.search-panel__filters {
flex: 1;
}
.search-panel__results {
flex: 3;
}
.searchbox {
margin-bottom: 2rem;
}
.pagination {
margin: 2rem auto;
text-align: center;
}
```
But the result is error in console.
> Uncaught (in promise) TypeError: Cannot read property 'instantSearchInstance' of undefined
> at Proxy.eval (widget.js?c00b:1)
> at Proxy.created (widget.js?c00b:1)
> at callWithErrorHandling (runtime-core.esm-bundler.js?5c40:154)
> at callWithAsyncErrorHandling (runtime-core.esm-bundler.js?5c40:163)
> at callHookFromMixins (runtime-core.esm-bundler.js?5c40:5914)
> at callSyncHook (runtime-core.esm-bundler.js?5c40:5890)
> at applyOptions (runtime-core.esm-bundler.js?5c40:5825)
> at finishComponentSetup (runtime-core.esm-bundler.js?5c40:6503)
> at setupStatefulComponent (runtime-core.esm-bundler.js?5c40:6436)
> at setupComponent (runtime-core.esm-bundler.js?5c40:6376)
> eval @ widget.js?c00b:1
> created @ widget.js?c00b:1
Btw, i have same settings in main.js
```
import InstantSearch from 'vue-instantsearch/vue3/es'
import { projectAuth } from './firebase/config'
let app
projectAuth.onAuthStateChanged(() => {
if(!app){
app = createApp(App)
.use(router)
.use(store)
.use(Notifications)
.use(InstantSearch)
.mount('#app')
}
})
```
Beitragsleitfaden
Für dieses Repository ist kein Beitragsleitfaden indexiert
Rechercherichtung
Beginne mit der im Issue gezeigten Komponente und vergleiche ihre Verwendung von Vue InstantSearch mit der Plugin-Registrierung in main.js. Reproduziere den Vue-3-Fehler mit vue-instantsearch 4.0.0 und verfolge anschließend den gemeldeten Zugriff auf instantSearchInstance. Fertig ist die Aufgabe, wenn das bereitgestellte Beispiel ohne den gemeldeten Konsolenfehler eingebunden wird.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- javascript
- Bereich
- frontend
- Issue-Typ
- Bug
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 32/100