报错Unknown custom element: ＜xxx＞ - did you register the component correctly?的原因及解决办法

最新推荐文章于 2024-06-19 14:27:06 发布
最新推荐文章于 2024-06-19 14:27:06 发布
阅读量5.8w 收藏 13
点赞数 22
分类专栏： 笔记 文章标签： 组件错误 拼写纠正 import语句 覆盖问题 修正策略
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43975684/article/details/122200514
版权
报错信息

问题截图

components代码

components

导致出错的可能的原因
  1. 把components写成了component
  2. import xxx from “./xxx.vue” 写成了import { xxx} from “./xxx.vue”
  3. 代码中有两个components，后一个的值把前一个覆盖了
解决方案
  • 逐一对照上述3种可能导致出错原因，然后做对应修改即可解决问题
  • 我是第3个原因，被坑到差点怀疑人生，看到这篇文章的小伙伴你是什么原因？
  • 欢迎补充
didi_101
关注
  • 22
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 13
    评论
专栏目录
【Vue】出现 - did you register the component correctly? 的解决方法
小秀的博客
05-15 7689
【Vue】出现 - did you register the component correctly? 的解决方法
报错Unknown custom element: ＜组件名＞ - did you register the component correctly?的原因及解决办法
热门推荐
chelflan's blog
04-21 11万+
报错Unknown custom element: ＜组件名＞ - did you register the component correctly?的原因及解决办法
vant报错：Unknown custom element: ＜van-tabbar＞
最新发布
HGYYR的博客
06-19 228
在使用vant的组件Tabbar, TabbarItem的时候报错，因为插件使用方式写错了。实际上应该和下面写的一样。
Vue报错——did you register the component correctly? For recursive components, make sure to provide the
qq_42132814的博客
09-22 8万+
今天项目中遇到一个大坑，项目报错did you register the component correctly? For recursive components, make sure to provide thethe "name" options，报错很容易理解，就是组件注册的方式不对，没有注册成功，仔细看了自己组件的注册，发现并没有什么问题在网上找了很久，一无所获，偶然看到一篇博客的评论，受到了启发。 评论区是这样说的：多次调用的组件使用import引入，可以让name不和父组件冲突 解决方式.
解决：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: ＜组件名＞ - did you register the component correctly?
qq_44883447的博客
07-10 1万+
组件名字是否写对了 import xxx from “./xxx.vue” 写成了import { xxx} from “./xxx.vue” 代码中有两个components，后一个的值把前一个覆盖了 组件直接循环套用了
vue 解决循环引用组件报错的问题
11-30
当你尝试在一个组件内部递归地使用它自身时，可能会遇到"Unknown custom element: <pop> – did you register the component correctly?"这样的错误。这个错误提示意味着Vue在渲染过程中找不到指定的组件注册，即`...
vue如何解决循环引用组件报错的问题
01-19
按照普通组件调用格式来做的时候总是报错，错误信息为[Vue warn]: Unknown custom element: <selfile> – did you register the component correctly? For recursive components, make sure to provide the “name”...
vue component组件使用方法详解
08-29
template: '<div>A custom component!</div>' } new Vue({ // ... components: { 'my-component': Child } }) ``` 这样，`my-component` 组件就只能在该 Vue 实例中使用。 模板解析 组件在某些 HTML 标签...
element-patch:An extension package based on vue and element-ui. 一个基于 vue 与 element-ui 的扩展包，提供数据驱动的表单渲染，菜单渲染，表格拖拽，权限控制等功能
05-02
链接快速开始// Step1: Install// Make sure you have properly installed element-ui and used it correctly.yarn add element-patch// Step2import ElementPatch from 'element-patch'import 'element-patch/index...
CVE-2020-11651-poc:CVE-2020-11651和CVE-2020-11652的PoC攻击
04-13
针对CVE-2020-11651和CVE-2020-11652的PoC...] Please only use this script to verify you have correctly patched systems you have permission to access. Hit ^C to abort. [+] Salt version: 3000.1 [ ] This v
如何解决Vue组件注册错误：Unknown custom element: ＜XXX＞ - did you register the component correctly?
从前端设计到后端实现，从云技术到人工智能，这里分享最新的技术见解和实践经验。一起学习，一起进步！
01-19 3368
我们将详细分析错误的原因，并提供一系列解决方案。通过阅读本文，无论您是Vue初学者还是经验丰富的开发者，都能有效地理解并解决这一问题。文章内容包括组件注册的基础知识、错误产生的原因、以及如何步步解决这一问题。本文关键词包括Vue.js、组件注册、编程错误解决等，以帮助您从百度等搜索引擎轻松找到这篇文章。Vue.js中的组件是独立和可重用的代码块，它们有自己的视图和逻辑。但是，要在Vue应用中使用它们，你必须先正确注册它们。关键点描述组件注册确保组件在使用前已正确注册导入路径。
史上最全:did you register the component correctly?For components, make sure to provide the “name“
芳草萋萋鹦鹉洲哦
04-30 2843
原因一：引入组件时多加了大括号 import Addition from './components/Addition' // 引入组件不需要加{} import { deviceDetail, queryHttpLogs } from '@/api/device' // 引入接口时才加{} 引入组件千万不要加大括号！！ import时加了{}代表引入的是书写路径内的子组件，而非路径文件。比如下面引入接口时，一个文件会export 多个子项，所以当我们引入接口时会加{}。 import { axio
did you register the component correctly? For recursive components, make sure to provide the “name“
xin_666的博客
11-28 1万+
</template>或<template><div></div>
2021-02-22
weixin_41575698的博客
02-22 1506
vue启动项目报错，[Vue warn]: Unknown custom element: <svg-icon> - did you register the component correctly? For recursive components, make sure to provide the "name" option. 报错原因： 忘记注册element组件了 解决方案： 在vue项目工程下的main.js文件中添加一下代码即可解决 import ElementUI
正确解决Unknown custom element: ＜xxx＞ - did you register the component correctly?异常的有效解决方法
wbajsjhhhhh的博客
05-03 4662
正确解决Unknown custom element: - did you register the component correctly?异常的有效解决方法
使用Vant按需加载UI的时候报错：Unknown custom element 解决方案
qq_39740660的博客
10-17 1万+
使用Vant去按需加载UI的时候报错： vue.runtime.esm.js?2b0e:619 [Vue warn]: Unknown custom element: <van-button> - did you register the component correctly? - For recursive components, make sure to provide ...
Vue报错: did you register the component correctly? For .., make sure to provide the "name" option(已解决）
荒原
06-02 5万+
提示如图 这个问题有三种情况会触发: 1.如果全局注册,组件名称问题: 若是组件名称是大写,Vue会报错. 可以修改为下面两种: 1.修改组件名称为小写,即mycomponent即可解决. 2.如使用局部注册,则是components少写了个s: 3.看看你所渲染的Vue实例是不是在组件前面,若在前面创建实例,则无法读取到后面创建的组件. ps:B主出现...
报错Unknown custom element: ＜di＞ - did you register the component correctly? For recursive components,
09-16
这个错误通常表示在你的代码中使用了一个未注册的自定义元素。要解决这个问题，你需要确保你在使用该自定义元素之前已经正确地注册了它。如果你正在使用一个递归组件，还需要注意递归组件的注册方式。以下是一些可能导致错误的常见原因和解决方法： 1. 未正确导入自定义元素：请确保你已经正确地导入了包含自定义元素的组件文件。在 Vue 中，你需要使用 `import` 或 `require` 语句导入组件。 2. 注册自定义元素：在 Vue 中，你需要使用 `Vue.component` 方法或组件注册器来注册自定义元素。在注册时，你需要指定组件的名称、选项和模板。 3. 检查命名：请确保你在注册和使用自定义元素时使用了相同的名称。名称是区分大小写的，所以确保大小写匹配。 4. 检查组件位置：如果你的组件位于不同的文件中，请确保你正确地导入了该文件，并且路径和文件名是正确的。 如果你在尝试上述解决方法后仍然遇到问题，请提供更多关于你代码中如何使用自定义元素的信息，以便我能够更好地帮助你。
评论 13
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值