VueJS應用程序空白

我已經開始vueJS應用程序克隆此回購https://github.com/auth0-blog/vue-jwt-authentication。我已經開發了幾天，並開發了一些網頁。後來才意識到這是Vue1.0。然後我使用https://github.com/vuejs/vue-migration-helper並遷移到vue 2.0。我已經修復了所有的錯誤。VueJS應用程序空白

現在，當我運行該應用程序，它只是不顯示任何錯誤，但它是空的。我甚至沒有在瀏覽器控制檯或npm終端中出現任何錯誤。在Inspect元素中，<div id="app"></div>爲空。有人請花些時間。我在這裏有這個回購的代碼。 https://bitbucket.org/AswinKP/vuesample。我分享整個回購，因爲我不知道我犯了什麼錯誤。

我已經研究過這一點，找不到任何這樣的問題。我是vue js的初學者，最近兩天我在這方面苦苦掙扎。提前致謝。

來源

2017-01-02 Aswin Kumar K P

沒有什麼東西立即跳出來對我錯誤。它是否與獨立版本一起工作？嘗試將以下內容添加到您的'webpack.config.js'中：'resolve：{ 別名：{'vue/dist/vue.common.js' } }' –

有幾個錯誤。首先，repo根本無法編譯。

在index.js：8和37 文件components/IncidentTrendI7.vue不存在，簡單地除去這些兩行。

和build.js不包括在你的index.html，在你index.html

最後一個手動添加<script src="build/build.js"></script>是你的根組件。你需要渲染功能，使您的應用程序在Vue公司2.0（或模板，如果您使用獨立的構建，但僅運行時版本是首選），所以在你index.js根組件將看起來像：

const app = new Vue({ 
    el: '#app', 
    router, 
    render: h => h(App), 
    components: { App } 
})

來源

2017-01-03 02:38:59 CodinCat

對不起'IncidentTrendI7。 vue'。我有一些私人代碼。所以我在推動樣本回購時在最後一分鐘取消了。謝謝你花時間.. –

VueJS應用程序空白

回答

相關問題