vue关于组件注册的问题

最新推荐文章于 2024-03-15 11:13:13 发布
最新推荐文章于 2024-03-15 11:13:13 发布
阅读量4k 收藏 1
点赞数 1
分类专栏： vue相关
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bhq1711617151/article/details/77572116
版权

今天在做项目的时候突然出现了Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option.这个问题，查了好久最后发现原来是自己写法错误，不小心写成了import {card} from "./components/card.vue"这样的形式，多加了一个大括号，结果导致了错误。
为了避免类似的错误，我总结了以下几点：
1引入组件的写法：import card from “./components/card.vue”，card是组件名，后面是路径
2.引入js的写法：import “./assets/js/chat.js” ，后面直接跟要引入的js文件的路径
3.引入mint-ui里的组件：一般按照官网的写法就可以

想想就很棒
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue component组件使用方法详解
08-29
主要为大家详细介绍了vue component组件的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
报错Unknown custom element: ＜组件名＞ - did you register the component correctly?的原因及解决办法
热门推荐
chelflan's blog
04-21 11万+
报错Unknown custom element: ＜组件名＞ - did you register the component correctly?的原因及解决办法
vue 项目 Unknown custom element: ＜name-components＞ - did you register the component correctly?
最新发布
hdbfvnjkrnfkcm的博客
03-15 342
2.检查是否出现 A组件引入了B组件，B组件又引入了A组件，这样也会导致找不到组件。1.检查组件引入地址和组件名称是否正确。我这里的情况就是第二种。
【Vue】出现 - did you register the component correctly? 的解决方法
小秀的博客
05-15 5793
【Vue】出现 - did you register the component correctly? 的解决方法
解决：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: ＜xxx＞ - did you register the component correctly? （vue 导入导出使用花括号的问题）
程序边界
10-01 2万+
在套用vue-element-admin的项目中使用pagination组件时遇到报错： vue.runtime.esm.js:619 [Vue warn]: Unknown custom element: <pagination> - did you register the component correctly? For recursive components, make sure to provide the "name" option. found in ---> <
【Vue 项目】Unknown custom element: XXX - did you register the component correctly? 【问题解决】
一个努力学习的程序猿
01-23 6217
相信各位在学习和使用 Vue 进行开发的过程中，或多或少可能见到过或遇到过这样的报错： 问题出现的原因很简单：就是某个标签没有被成功导入。 问题的解决方案也很简单，网上一搜就会有很多解决方法，比如： （1）第一步：先确保 Vue 项目里 components 、import 、组件标签 的写法没有问题，排除这样的因素：书写问题 （请一定要确保书写没问题，我看网上还有把 components 写在 data 里的，硬说自己写法没问题的） （2）第二步：如果你不是 Vue 项目，而是直接在 HTML 里导入
Unknown custom element: ＜uploader＞ - did you register the component correctly? For recursive compone
12-17 1240
vue文件上传控件报错，原因： 在main.js文件中，没有注册这个组件，导致出现了报错。 在main.js添加： import uploader from 'vue-simple-uploader'; Vue.use(uploader);
vue复合组件实现注册表单功能
08-28
主要为大家详细介绍了vue复合组件实现注册表单功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
vue 注册组件的使用详解
10-18
Vue.js的组件的使用有3个步骤：创建组件构造器、注册组件和使用组件。这篇文章主要介绍了vue 注册组件的使用,非常不错,具有参考借鉴价值,需要的朋友可以参考下
Vue 组件注册实例详解
10-17
主要介绍了Vue 组件注册,结合实例形式较为详细的分析了vue.js组件的常见分类、注册方法及相关操作注意事项,需要的朋友可以参考下
VUE注册全局组件和局部组件过程解析
10-16
主要介绍了VUE注册全局组件和局部组件过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
vue注册组件的几种方式总结
08-27
下面小编就为大家分享一篇vue注册组件的几种方式总结，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
报错Unknown custom element: ＜xxx＞ - did you register the component correctly?的原因及解决办法
weixin_43975684的博客
12-28 5万+
无一分可增不叫完美，无一分可减才是。 －－Antoine de Saint-Exupery
Unknown custom element did you register the component correctly
CaseyWei
04-09 1万+
1、错误描述 vue.esm.js?efeb:591 [Vue warn]: Unknown custom element: <el-container> - did you register the component correctly? For recursive components, make sure to provide the "name" option. fou...
【报错】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报错 Unknown custom element,未知的自定义元素
weixin_57246351的博客
09-10 6201
[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the “name” option. 未知的自定义元素： - 您是否正确注册了组件？ 对于递归组件，请确保提供“名称”选项。 错误路径 found in —> at src/views/employees/index.vue 如果你用一定组件,全
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不和父组件冲突 解决方式.
vue父组件注册子组件可用
08-25
在Vue中，父组件可以通过注册子组件的方式来使用子组件。有两种方式可以实现子组件的注册和使用：全局注册和局部注册。 1. 全局注册： 在Vue实例化之前，可以使用`Vue.component`方法全局注册子组件。这样一来，在应用的任何地方都使用该子组件。 例如，假设我们有一个名为"ChildComponent"的子组件，可以通过以下方式进行全局注册： ``` Vue.component('child-component', { // 子组件的选项 }); ``` 然后，在任何父组件中，都可以像使用原生HTML标签一样使用该子组件： ``` <child-component></child-component> ``` 2. 局部注册： 如果希望子组件仅在特定的父组件中可用，可以通过在父组件的`components`选项中进行局部注册。 例如，假设我们有一个父组件"ParentComponent"，并希望在其中使用"ChildComponent"子组件： ``` // 在父组件的选项中进行局部注册 Vue.component('parent-component', { components: { 'child-component': ChildComponent // 引入子组件 }, // 父组件的其他选项 }); ``` 然后，在父组件的模板中，可以像下面这样使用子组件： ``` <child-component></child-component> ``` 这样，父组件就可以成功注册子组件，并在模板中使用它了。注意在Vue中，子组件的名称需要使用短横线分隔，即`child-component`，而不是`ChildComponent`。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值