Vue 2.0 + webpack使用npm包中的組件

我想要使用webpack和Vue 2.0設置項目，並在我的項目中使用npm包中的組件（如vue-parallax）時遇到了一些麻煩。Vue 2.0 + webpack使用npm包中的組件

我安裝了軟件包，一切似乎都在那裏，但我不明白我的項目中鏈接的位置。

我想我缺少的是腳本標記中'視差'的導入聲明，但顯然這只是一個受過教育的猜測。

任何幫助將不勝感激。

<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>

來源

2017-02-23 Alex Barrett

它可能放在node_modules目錄下，這樣你可以從那裏導入 - 試試這個'從'vue-parallax'輸入視差' –

謝謝，我認爲就是這樣。它讓我在vue-parallax中出現渲染錯誤，所以它現在似乎在查找組件。 –

每Belmin Bedak的評論：

它可能放在node_modules目錄下，這樣你就可以在那裏匯入 - 試試這個

import parallax from 'vue-parallax'

來源

2017-02-23 19:19:17

Vue 2.0 + webpack使用npm包中的組件

回答

相關問題