【vue】 did you register the component correctly...make sure to provide the “name“ option

问题描述

控制台报错：Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option.

原因分析

仔细检查代码，排除诸如拼错词汇、写错路径等细节原因后，查阅多方资料总结出以下可能情况：

1. 模块引入时加了{}大括号；
2. 使用组件时没有使用 / 反斜杠结尾；
3. 标签中包含大写；
4. 组件引入在vue实例之后，官方文档中提到组件必须先于实例化引入。我的问题属于此种情况。

解决方案

原写法：

import dialogCom from './dialogCom.vue'

export default {
  components: {
  	dialogCom
  }
}

改为：

export default {
  components: {
  	dialogCom: () => import ('./dialogCom.vue')
  }
}