[Vue警告]:未知的自定义元素:<v-xxxxxx>

时间:2019-08-06 12:22:40

标签: vue.js vuepress

我目前在Vuepress上建立的静态网站上工作。在.md文件中注册Vue组件时出现错误。

[Vue warn]: Unknown custom element: <v-b86f6654149c6> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

found in

---> <Page> at lib/default-theme/Page.vue
       <Layout> at lib/default-theme/Layout.vue
         <Root

它无法安装组件,并且Vue devtools中的组件树仅显示

<Page>
     <Content>

里面什么也没有。

但是,如果我单击“刷新”,则组件将正确呈现,并且具有预期的效果:

<Page>
     <VXXXXXXX>
         <Component1>
         <Component2>


问题看起来与这里引用的内容类似:https://github.com/vuejs/vuepress/issues/1173,但我找不到有效的解决方案。

例如,我有一个/docs/contact/README.md,看起来像:

---
title: a title
description: a description
pageClass: homepage subpage contact
headerText: Contact
blackSubText: some text
submitText: Envoyer
submitImage: /img/icons/green-arrow.png

---

<headerTextComponent/>

<formulaire type="contact" formId="/6db97999-f466-4250-aa47-bd6e96a6b520" :fields="['contactobject', 'message']"/>


<blog/>


和我上面引用的自定义组件都在/docs/.vuepress/components中,它们都是具有name属性集的常规Vue组件。

1 个答案:

答案 0 :(得分:0)

我也有类似的问题。但是,经过数小时的搜索和重建 VuePress 之后,我尝试访问http://127.0.0.1:8081而不是http://localhost:8081-并成功了!

我认为这是一个缓存问题或类似的问题-即使没有安装服务人员。