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

【问题标题】：Unknown custom element: <preview-component> ovide the "name" option未知的自定义元素：<preview-component> 省略了“名称”选项
【发布时间】：2020-01-19 02:13:35
【问题描述】：

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

【问题讨论】：

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

标签： laravel vue.js

【解决方案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。这应该可以解决您的问题。

【讨论】：