2017-03-28 21 views
0

我的申請已經通過運行該命令被簡單地產生:腳本包含在Vue.js應用程序的index.html給404

vue init webpack 

模板應用只vue-router回答「Y」的第四個問題安裝的嚮導。

我想包括從node_modules文件夾的jQuery:

npm install --save jquery 

然後我的index.html頁面上添加該

<head> 
    <script src="node_modules/jquery/dist/jquery.js"></script> 
</head> 

下一步:

npm run dev 

應用程序正常啓動,但我對jquery.js了404。

我從未接觸過在整個應用程序任何東西,除了在index.html該行。

我們有一個更大的應用程序相同的問題,但我們不知道,如果我們能夠重現上一個較小的...但我們成功地做到這一點。

回答

0

你必須將它導入到你的組件中。 webpack管理依賴關係。

如果您已經使用vue init webpack您還使用VUE裝載機所以增加了jQuery的喂組件,你可以做這樣的

第一,你已經做了npm install --save jquery

之後打開文件App.vue並在部分添加導入:

<script> 
import Hello from './components/Hello' 
import jquery from 'jquery' 

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

不知道什麼是你要買,但是這是你如何可以添加第三方的lib