Vue.js VueJS错误："；未能装入组件：未定义模板或呈现函数"；

我很难理解VueJS中的组件和模板系统。我下载了，并尝试用VuetifyJS示例模板的内容替换的完整内容。 在

localhost:8080

上

npm运行dev

后，我收到了此错误消息：

> 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>

>vue.esm.js？65d7:578[vue warn]：未能装载组件：未定义模板或呈现函数。
发现于
--->在/home/a/my project/src/components/Hello.vue
在/home/a/my project/src/App.vue

---

为什么不能直接替换

内容，我需要做哪些更改才能使用google contacts.vue模板内容而不是Hello.vue内容

我只是遵循了这个过程，它对我来说还可以，所以我猜这很可能是构建过程中遗漏的一步，但到目前为止还无法重现

注意，它看起来像是整个页面布局的替代品，而不是单个组件（按照@B.Fleming在评论中提到的思路思考），因此替换

App.vue

比替换

Hello.vue

更合适

---

这是我最初做的（没有彻底阅读你的帖子）。但是随后替换

Hello.vue

会给我相同的工作Google Contacts页面。

据我所见，通常有两种方法来处理vue组件：1）使用组件的

模板属性的经典方法，2）导出单个组件，然后稍后导入它们。听起来第二个是你的目标，你做得不对。不幸的是，我们无法确定是否是这样。请提供代码片段，以便我们能够更清楚地了解您的问题。我将我在问题中使用的代码（粗体文本）与完整的模板进行了链接。（这两个都是VuetifyJS的示例）可能与@ramazan793重复我尝试了建议解决方案，但没有成功。错误：
-您是否正确注册了组件？对于递归组件，请确保提供“name”选项。在-->at/home/a/my project/src/App.vue
@Tom尝试在main.js中全局注册组件：
从“~/components/Hello.vue”vue.component导入Hello（'Hello'，Hello'）在对该问题的第二个回答中，这是一个构建问题。非常感谢。