Question

我很难理解VueJS中的组件和模板系统。我下载了VuetifyJS PWA example template，并尝试将 Hello.vue 的完整内容替换为VuetifyJS 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联系人页面。

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

1 个答案: