laravel - 未知的自定义元素：跳过“名称”选项

Question

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

标签： laravelvue.js

Answer 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