2017-09-27 1 views
0

Es tut mir leid für die hübsche noobie Frage, aber ich weiß nicht, wie man mit npm installierte Plugins importiert. Ich möchte dieses plugin für Vue verwenden, ich habe es mit npm in meinem Projekt installiert, und möchte es in meine Hauptdatei app.js importieren, damit ich es in Vue verwenden kann. Ich habe versucht, den Pfad zur Datei in dist Ordnern mit:Wie importiere ich vue plugins installiert mit npm

import MaskedInput from 'node-modules/vue-masked-input/dist/MaskedInput.js' 
Vue.use(MaskedInput); 

Aber, das offensichtlich nicht funktioniert hat, was der richtige Weg ist, dies zu tun?

Antwort

2

den Link Danach tatsächlich eine Komponente ist, also, was Sie in Ihrer Komponente tun können, ist:

import MaskedInput from 'vue-masked-input' 

export default { 
    components: { 
     MaskedInput 
    } 
} 

Was in der Regel hilft, ist von der tatsächlichen Github Seite Sie suchen und suchen nach entweder ein Beispiel in die README oder im eigentlichen Code. In diesem Fall:

https://github.com/niksmr/vue-masked-input/blob/master/src/App.vue

Es zeigt es Ihnen, wie Sie es im wirklichen Leben "verwenden können

+0

Aber sicher kann ich es einfach so importieren, da die Dateien dort in der gleichen Ebene sind und in meinem Projekt befindet sich die Datei MaskedInput im Ordner node-modules, und selbst wenn ich Ihren Vorschlag ausprobierte, funktionierte das nicht. – Leff

+0

Nicht sicher, warum downvoting ist angemessen, aber auf der Github-Seite sieht es klar: Import MaskedInput von 'vue-masked-input' ... maskedInput } So Unterschied, Sie importieren es als 'vue- masked-input' – Hyra

+0

ja, danke, dass du darauf hinweist, ich habe getan, wie du gesagt hast, aber ich bin mir nicht sicher, ob ich das richtig gemacht habe, ich habe meiner aktuellen Komponente den Code hinzugefügt, den du vorgeschlagen hast, aber dann habe ich einen neuer Fehler: '' 'Attribute" v-model "," mask "," placeholder "werden auf der Komponente ignoriert, da die Komponente eine Fragment-Instanz ist:' '' – Leff

Verwandte Themen