2017-02-23 4 views
0

Ich versuche, ein Projekt mit Webpack und Vue 2.0 einzurichten und lief ein wenig Probleme mit Komponenten von Npm-Pakete (wie Vue-Parallax) in meinem Projekt.Vue 2.0 + webpack benutze Komponente von npm Paket

Ich habe das Paket installiert und alles scheint dort zu sein, aber ich verstehe nicht, wo das in meinem Projekt verknüpft ist.

Was ich vermisse, ist die Import-Anweisung für "Parallax" im Skript-Tag, aber das ist natürlich nur eine begründete Vermutung.

Jede Hilfe würde sehr geschätzt werden.

<template> 
    <div id="app"> 
    <img src="./assets/logo.png"> 
    <hello></hello> 
    <parallax src=require('../assets/logo.png')></parallax> 
    </div> 
</template> 

<script> 
import Hello from './components/Hello' 
//import parallax ? 

export default { 
    name: 'app', 
    components: { 
    Hello, 
    parallax 
    } 
} 
</script> 

<style> 
#app { 
    font-family: 'Avenir', Helvetica, Arial, sans-serif; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
    text-align: center; 
    color: #2c3e50; 
    margin-top: 60px; 
} 
</style> 
+0

es wahrscheinlich unter dem node_modules Verzeichnis platziert ist, so dass Sie kann es von dort importieren - versuchen Sie dies 'Importparallaxe von' Vue-Parallax'' –

+0

Danke, ich denke, das war es. Es hat mich zu einem Render-Fehler in Vue-Parallax gebracht, so scheint es jetzt die Komponente zu finden. –

Antwort

0

pro Belmin Bedak Kommentar:

es wahrscheinlich unter dem node_modules Verzeichnis platziert wird, so dass Sie es von dort importieren - versuchen diese

import parallax from 'vue-parallax'