未知的自定义元素：<preview-component>绕过“ name”选项

Question

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

Answer 1

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

new Vue({
    components: {
        PreviewComponent,
    },

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

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

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

Answer 2

您是否正在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