vue脚手架组件引入报错：Unknown custom element: - did you register the component correctly?

最新推荐文章于 2024-06-19 14:27:06 发布
最新推荐文章于 2024-06-19 14:27:06 发布
阅读量802 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44326745/article/details/119743963
版权

脚手架中引入自定义的组件的时候，终端没有报错，但是浏览器的控制台报错
vscode终端正常
在这里插入图片描述
浏览器控制台
在这里插入图片描述

其实答案就在报错的提示中

did you register the component correctly?

经过查找，错误原来是App.vue中注册组件的时候components写错了！！！
此处拼写错误页面是不会有提示的！！！
在这里插入图片描述

另一种可能的错误是引入路径中的components 写成conponent
在这里插入图片描述

热季流星
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue-custom-element：Vue自定义元素-Vue.js的Web组件自定义元素
02-06
您可以在查看Vue-custom-element演示 安装 NPM npm install vue-custom-element --save import vueCustomElement from 'vue-custom-element' Vue . use ( vueCustomElement ) ; 要使用vue-cli构建Web组件，必须...
vue-xuAdmin：vue + element-ui-admin后台权限管理模板演示地址：
02-06
欢迎来到vue-xuadmin :waving_hand: vue + element-ui无限级菜单权限管理后台模板 :house: 作者 :bust_in_silhouette: 倪荣旭 电子邮件： 先决条件 节点> = 6.0.0 npm> = 3.0.0 更新日志 v1.2.5 增加DllPlugin...
正确解决Unknown custom element: ＜xxx＞ - did you register the component correctly?异常的有效解决方法
wbajsjhhhhh的博客
05-03 4396
正确解决Unknown custom element: - did you register the component correctly?异常的有效解决方法
报错：Unknown custom element: swiper-slide did you register the component correctly?
puyaguo的博客
04-26 8058
在vue中使用swiper时，提示报错： Unknown custom element: <swiper-slide> - did you register the component correctly? For recursive components, make sure to provide the "name" option.（未知的自定义元素: -你注册的组件正确吗?对于...
vant报错：Unknown custom element: ＜van-tabbar＞
最新发布
HGYYR的博客
06-19 185
在使用vant的组件Tabbar, TabbarItem的时候报错，因为插件使用方式写错了。实际上应该和下面写的一样。
报错Unknown custom element: ＜组件名＞ - did you register the component correctly?的原因及解决办法
热门推荐
chelflan's blog
04-21 11万+
报错Unknown custom element: ＜组件名＞ - did you register the component correctly?的原因及解决办法
【报错】Unknown custom element: ＜组件名＞ - did you register the component correctly?
qq_44883447的博客
07-10 1万+
组件名字是否写对了 import xxx from “./xxx.vue” 写成了import { xxx} from “./xxx.vue” 代码中有两个components，后一个的值把前一个覆盖了 组件直接循环套用了
解决：Unknown custom element: ＜＞ - did you register the component correctly? For recursive compon
ruiti的博客
07-11 9万+
出现Unknown custom element: ＜＞ - did you register the component correctly? For recursive compon 检查以下几处 第一种： 看components:{},单词是否拼错，和不要写成components(){} 第二种：本页面components 看写了几个， 是否是因为覆盖了。只能有一个components:{} 第三种，检查引入的组件 确定是否需要{} , import XXX from "...." 还是 imp.
Unknown custom element: ＜di＞ - did you register the component correctly? For recursive components, m
蓝胖子的博客
06-14 466
Unknown custom element: - did you register the component correctly? For recursive components, m【修复】
element-pro-components:基于element-plus的Vue 3的组件库
04-18
元素亲组件（WIP） 基于element-plus的Vue 3的组件库|去做： 组件 ProLayout 专业菜单 面包屑 ProTabs ProTable 专业表格 ProInputTag ProRadio ProRadioButton ProCheckbox ProCheckboxButton ProSelect ProCrud ...
nuxt-custom-elements:将组件作为vue-custom-element独立构建发布
04-28
将您的组件作为vue-custom-element独立构建发布。 Nuxt Custom-Elements允许您将现有项目组件导出为自定义元素，以集成到外部页面中。 特征 使用现代和客户端构建 将组件导出为小部件 对您的小部件使用TailwindCSS...
trading-vue-js-web-component-example:使用vue-custom-element将trading-vue-js包装为Web组件
05-11
使用vue-custom-element将trading-vue-js包装为Web组件 为什么？ 非常棒，我非常希望能够在基于 （网络组件）的项目中使用它。 此回购充当如何完成此操作的示例。 如何？ 使用我们可以创建一个自定义Web组件（== ...
Unknown custom element: ＜＞ - did you register the component correctly? ......
m0_55892953的博客
12-22 1074
Unknown custom element: <el-page-header> - did you register the component correctly? For recursive components, make sure to provide the "name" option 注册组件时写成懒加载模式 components: { appHeader: () => import("@/layout/common/appHeader") } ..
[Vue warn]: Unknown custom element: – did you register the component correctly? 详细查错思路
米糊的头发箱（码代码掉的头发都在这里了）
10-08 3万+
出现这个错误往往与组件的引入有关。具体可能的几种错误原因如下： 1. 在非脚手架环境下，组件注册使用了CamelCase的话，那么组件调用的时候就要用kebab-case代替。 2. 是否正确注册组件，使用如下方式注册组件： export default { data(){ return{ }, components/*注意components不能漏掉末尾的s！*/: { vTable // //注册组件 }, } }..
报错Unknown custom element: ＜xxx＞ - did you register the component correctly?的原因及解决办法
weixin_43975684的博客
12-28 5万+
无一分可增不叫完美，无一分可减才是。 －－Antoine de Saint-Exupery
Unknown custom element: ＜XXX＞ - did you register the component correctly? For recursive componen
Locker的博客
06-13 1697
报错信息： Unknown custom element: <addsync> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
【Vue】报错：Unknown custom element: ＜＞ - did you register the component correctly?...
qq_45677671的博客
08-02 2万+
报错信息及解决方法：[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.
uniapp报错： Unknown custom element: - did you register the component correctly?解决方法
我有故人折剑去，斩尽春风不曾归
03-15 4537
这个报错是因为找不到 menuDraw 这个组件导致的。
使用后报错Unknown custom element: <u-stepper> - did you register the component correctly?
06-06
这个错误通常是由于没有正确注册 `u-stepper` 组件造成的。在 Vue.js 中，你需要在使用该组件之前对其进行注册。...Vue.component('u-stepper', UStepper) ``` 确保正确引入组件并正确注册它，即可解决此问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值