未知的自定义元素：<preview-component> 省略了“名称”选项

Posted 2023-02-22

【中文标题】未知的自定义元素：<preview-component> 省略了“名称”选项

【英文标题】：Unknown custom element: <preview-component> ovide the "name" option

【发布时间】：2020-01-19 02:13:35

【问题描述】：

app.js:2536 [Vue 警告]：未知的自定义元素： - 您是否正确注册了组件？对于递归组件，请确保提供“名称”选项。

【问题讨论】：

那么你注册了你的组件了吗？错误也在问你。分享一些代码，而不仅仅是错误消息。

【参考方案1】：

你在app.js中使用递归组件注册吗？

const files = require.context('./', true, /\.vue$/i)
files.keys().map(key => Vue.component(key.split('/').pop().split('.')[0], files(key).default))

如果是这样，那么您需要在 kebab-case 中明确指定组件中的名称：

<script>
export default 
  name: 'preview-component'
...

</script>

或

不要在组件中注册名称，使用 Pascal 大小写命名文件：PreviewComponent.vue

【参考方案2】：

您遇到的错误可能是因为您忘记在 app.js 中注册组件：

new Vue(
    components: 
        PreviewComponent,
    ,

或者您忘记在组件的 <script> 标记内为组件添加名称：

export default 
    name: 'preview-component',
    ...

注册后，别忘了再次运行npm。这应该可以解决您的问题。