Unknown custom element: <el-divider> - did you register the component correctly? For recursive compo
最新推荐文章于 2024-06-25 03:38:53 发布
Hold on (zs)
最新推荐文章于 2024-06-25 03:38:53 发布
阅读量1.4k
Unknown
custom
element
: - did you re
gis
ter
the
component
cor
rect
ly
? For re
cursive
component
s, make sure to provide the “name” option.
出现这种报错,你需要排查:(仅供vue脚手架使用者参考)
1、是否引入模板文件
2、
component
s是否拼写错误
3、是否已经...
在vue项目中,使用
element
-ui抽屉组件的时候报了下面这个错误
但是前面使用的表格,表单,输入框一切正常,当引入drawer的时候就报错了。应该是vue或者
element
UI版本过低的问题。
解决:找到了package.json文件,发现里面的
element
的版本过低。
然后需要升级
element
-ui版本
解决 :npm 安装指定版本的
element
-ui
比如:npm i
el
eme...
报错
Unknown
custom
element
:
<
组件名
>
- did you re
gis
ter
the
component
cor
rect
ly
?的原因及解决办法
把
component
s写成了
component
im
po
rt xxx from “./xxx.vue” 写成了im
po
rt { xxx} from “./xxx.vue”
代码中有两个
component
s,后一个的值把前一个覆盖了
逐一对照上述3种可能导致出错原因,然后做对应修改即可解决问题
我是第3个原因,被坑到差点怀疑人生,看到这篇文章的小伙伴你是什么原因?
出现
Unknown
custom
element
:
<
>
- did you re
gis
ter
the
component
cor
rect
ly
? For re
cursive
com
po
n 检查以下几处
第一种: 看
component
s:{},单词是否拼错,和不要写成
component
s(){}
第二种:本页面
component
s 看写了几个, 是否是因为覆盖了。只能有一个
component
s:{}
第三种,检查引入的组件 确定是否需要{} , im
po
rt XXX from "...." 还是 imp.
<template>
<
el
-calendar v-mod
el
="value" :events="events" @event-click="handleEventClick"></
el
-calendar>
</template>
<script>
ex
po
rt default {
data() {
return {
value: new Date(),
events: [
date: new Date(2022, 7, 1),
title: '事件1',
description: '这是一个测试事件'
date: new Date(2022, 7, 3),
title: '事件2',
description: '这是另一个测试事件'
methods: {
handleEventClick(event) {
this.$prompt('请输入事件标题', '添加事件', {
confirmButtonText: '确定',
canc
el
ButtonText: '取消'
}).then(({ value }) => {
if (event) { // 编辑事件
Object.assign(event, { title: value })
}
el
se { // 添加事件
this.events.push({
date: this.value,
title: value,
description: ''
}).catch(() => {})
handleEventD
el
ete(event) {
this.$confirm('确认删除该事件吗?', '删除事件', {
confirmButtonText: '确定',
canc
el
ButtonText: '取消',
type: 'warning'
}).then(() => {
this.events.splice(this.events.indexOf(event), 1)
}).catch(() => {})
</script>
在上述代码中,我们将日历组件绑定到value属性上,并且通过events属性将事件绑定到日历上。通过监听事件的点击操作,可以弹出对话框来添加或编辑事件,并且可以通过事件的删除按钮来删除事件。
Unknown custom element: <el-divider> - did you register the component correctly? For recursive compo
连接云服务器ECS中docker-mysql很慢Caused by: com.mysql.cj.exceptions.ConnectionIsClosedException: No operation
TypeError: Cannot read property ‘$options‘ of undefined vue+elementui 做省市区三级联动遇到这个问题
qq_34273211:
TypeError: Cannot read property ‘$options‘ of undefined vue+elementui 做省市区三级联动遇到这个问题
liut117:
TypeError: Cannot read property ‘$options‘ of undefined vue+elementui 做省市区三级联动遇到这个问题
q438669265:
连接云服务器ECS中docker-mysql很慢Caused by: com.mysql.cj.exceptions.ConnectionIsClosedException: No operation
已解决elementui做分页没有效果, 展示了表中的所有数据,没有分页的效果,没搞清楚原理。希望有大佬解解惑