vue.js - vue2 组件调用组件报错：make sure to provide the "name" option.

问题描述

问 题

我用vue cli 脚手架

安装的是 webpack-simple 模板

目录结构如下

我在App.vue中导入components文件夹下的组件都是可以的

但我components中的组件调用组件会报错，如header.vue 调用 dialog.vue，报错内容如下:

Unknown custom element: <my-dialog> - did you register the component correctly? For recursive components, make sure to provide the "name" option. 

// 在header.vue 中调用dialog.vue
import myDialog from './dialog.vue';
//template中
<my-dialog></my-dialog>

请问这报错如何解决？
(我在app.vue中加载组件，这样的写法是成功的,google也有相关的报错信息，但我没解决)

---

谢谢，大脑短路，组件需要注册外，还要声明下，才能使用，谢谢大家回答，犯了个低级错误，谢谢

解决方案

应该是components里面没注册你引入的组件，要在当前模板里使用一个组件首先要引入那个组件也就是 import xxx form './xxx',只引入还不行还需在components里面声明（或者说是注册这个组件），之后才可在模板中使用。附Vue官方组件文档连接 http://cn.vuejs.org/v2/guide/...

这篇关于vue.js - vue2 组件调用组件报错：make sure to provide the "name" option.的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！