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应用程序空白

回答

相关问题