rigor789/vue-scrollto

using this.$scrollTo in nuxt / typescript

Offen

#321 geöffnet am 11.07.2020

Auf GitHub ansehen
 (2 Kommentare) (4 Reaktionen) (0 zugewiesene Personen)JavaScript (114 Forks)batch import
help wantednuxt

Repository-Metriken

Stars
 (1.966 Sterne)
PR-Merge-Metriken
 (Keine gemergten PRs in 30 T)

Beschreibung

There's an issue when using with nuxt (2.13.3) / typescript (@nuxt/types => 2.13.3)

If i don't import vue-scrollto inside my global.d.ts file:

import 'vue-scrollto'

Then using this.$scrollTo inside a component would complain about:

"Property '$scrollTo' does not exist on type 'CombinedVueInstance<Vue, Data, { setActive(index: number, id: number): void; findArticles: ((this: any, val: string) => Promise) & Cancelable; hideResults(): void; showArticle(articleId: number, categoryId: number): Promise<...>; }, unknown, Readonly<...>>'.Vetur(2339)"

Contributor Guide

Research-Richtung
Das Problem ist, dass TypeScript die Eigenschaft `$scrollTo` auf Vue Instanzen nicht finden kann, weil die Typenerweiterung des Plugins in Nuxt nicht automatisch erkannt wird. Der Benutzer hat festgestellt, dass das manuelle Importieren von 'vue scrollto' in einer global.d.ts Datei den Fehler behebt. Zur Behebung sollte das Paket eine Typdeklaration exportieren, die das Vue Modul für die Nuxt Verwendung erweitert. Untersuche die Typdefinitionen des Plugins (wahrscheinlich in `vue scrollto/types/index.d.ts`) und erwäge, eine Nuxt spezifische Typenerweiterung oder Dokumentation hinzuzufügen. Prüfe, ob es bereits bestehende PRs oder Kommentare gibt, die dieses Problem behandeln.
Tech Stack
vuetypescriptnuxt
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
TypeScriptVue
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
70