VueJS应用程序是空白的

Question

我已经启动了vueJS app克隆这个repo https://github.com/auth0-blog/vue-jwt-authentication.我已经开发了几天,并开发了一些页面.后来意识到它是Vue1.0.然后我使用https://github.com/vuejs/vue-migration-helper并迁移到vue 2.0.我已逐一修复了所有错误.

现在,当我运行应用程序时,它只是没有显示任何错误,但它是空的.我甚至都没有在浏览器控制台或npm终端中出现任何错误.在Inspect元素中,<div id="app"></div>为空.有人请花点时间.我在这里有代码.https://bitbucket.org/AswinKP/vuesample.我正在分享整个回购,因为我无法弄清楚我在哪里犯了错误.

我已经研究过这个并且找不到任何这样的问题.我是vue js的初学者,过去两天我在这方面苦苦挣扎.提前致谢.

Answer 1

有几个错误.首先,repo根本无法编译.

在index.js:8和:37中,文件components/IncidentTrendI7.vue不存在,只需删除这两行.

并且build.js不包含在您的手中,在您的手动index.html添加<script src="build/build.js"></script>index.html

最后一个是你的根组件.您需要一个渲染函数来在Vue 2.0中呈现您的应用程序(如果您使用独立版本,则需要一个模板,但首选运行时版本),因此您的根组件index.js将如下所示:

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