2017-02-23 12 views
0

webpackとVue 2.0を使用してプロジェクトを取得しようとしていて、プロジェクトのnpmパッケージ(vue-parallaxなど)のコンポーネントを使用して少し問題に遭遇しました。Vue 2.0 + npmパッケージのwebpack使用コンポーネント

パッケージがインストールされていて、すべてがそこにあるように見えますが、私のプロジェクトでどこにリンクされているのかわかりません。

私が欠けていると思うのは、スクリプトタグ内の「視差」のインポートステートメントですが、それは明らかに教育的な推測です。

ご協力いただければ幸いです。 Belmin Bedakさんのコメントあたり

<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

を試してみてくださいので、あなたそれをそこからインポートすることができます - これを試してみてください '視差をインポートする' vue-parallax'' –

+0

ありがとう、私はそれだと思います。 vue-parallaxでレンダリングエラーが出るので、コンポーネントが見つかったようです。 –

答えて

0

あなたはそこからそれをインポートすることができますので、それはおそらく、node_modulesディレクトリの下に置かれています - それはおそらくnode_modulesディレクトリの下に置かれています。この

import parallax from 'vue-parallax' 
関連する問題