VueJS错误：“无法安装组件：模板或渲染函数未定义”

Question

我很难理解VueJS中的组件和模板系统。我下载了VuetifyJS PWA example template，并试图用VuetifyJS Hello.vue示例模板的内容替换google-contacts.vue的完整内容。我在npm run dev上的localhost:8080后收到此错误消息：

> vue.esm.js?65d7:578 [Vue warn]: Failed to mount component: template or render function not defined.
found in
---> <Hello> at /home/a/my-project/src/components/Hello.vue
       <App> at /home/a/my-project/src/App.vue
         <Root>

为什么不能仅仅替换<template></template>内容以及我需要更改什么来使用google-contacts.vue模板内容而不是Hello.vue内容？

Answer 1

我只是按照这个过程，它对我来说没问题，所以我猜它很可能是你构建中的一个错误步骤，但到目前为止无法重现它。

注意，看起来docs/examples/layouts/google-contacts.vue是整个页面布局的替代品，而不是单个组件（按照评论中的@ B.Fleming提及的方式思考），因此替换App.vue比Hello.vue更合适。

这是我最初做的（不是彻底阅读你的帖子）。但随后取代Hello.vue给了我同样可用的Google联系人页面。