vue3警告：Failed to resolve component: SwitchDateComp If this is a native custom.....解决办法

最新推荐文章于 2023-11-09 20:34:45 发布
最新推荐文章于 2023-11-09 20:34:45 发布
阅读量438 收藏
点赞数
分类专栏： 笔记 文章标签： vue 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Pluto_98/article/details/128829005
版权

VUE3组件开发中，可能会遇到组件注册时出现的小bug，如下图

在这里插入图片描述
解决办法：

  1. 查看引入组件的地方是否是用对象包裹着的
  2. 注意命名方式（使用驼峰），我就是有次命名时大小写搞错，导致组件一直出不来
    在这里插入图片描述

*记录每日小bug

Pluto_98
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端开发：Vue3提示警告Failed to resolve component：XXX If this is a native custom element… 的解决方法
软贱开发攻城狮
12-26 3万+
在前端开发中使用Vue的开发者都知道，Vue目前已经以Vue3.0为基础版本了，也就是说Vue3.0已经成为主流版本了。还在只用Vue2.0开发没有使用Vue3.0的开发者要注意了，要抓紧时间熟悉和了解Vue3以上的相关语法和知识点了，迫在眉急。本篇博文来分享一下，关于在使用Vue3的时候遇到的一个提示警告错误，虽然不复杂，但是这是一个比较常见且共性的问题，分享出来记录一下，方便以后查阅使用。
vue3 - 报错Failed to resolve component: router-view If this is a native custom element, make sure to e
最新发布
高级前端工程师
06-19 1502
vue3，router，路由，报错，警告，router-view，vue3报错警告Failed to resolve component: router-view，vue3警告报错If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.，解决方法，vue3如何解决，vue3控制台警告，改了main引入顺序还是不行，vue-
Vue3报错：Failed to resolve component: xx If this is a native custom element, make sure to exclude it f
海风依旧
12-05 5万+
Vue3报错：Failed to resolve component: xxx If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
关于Vue3的一个奇怪的警告：Failed to resolve component: dir If this is a native custom element
qq_32021429的博客
04-07 1万+
vue3报警告：Failed to resolve component: dir If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. 今天运行项目的时候发现项目一直在报一个警告，这个警告网上都找不到你敢信 报错截图 后来还是有人提醒我，全局搜一下这个 ”dir“，结果真让我找到了，搞半天是我在组件中误将div写
vue--组件解析报错问题
weixin_51040108的博客
10-13 1292
vue--组件解析报错问题
vue 报警告：Failed to resolve component:ConsTtem IFthis is a native custom element,make sure to exclude
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
06-17 8万+
Failed to resolve component:ConsTtem IFthis is a native custom element,make sure to exclude it from component resolution via cpmpilerOptions.isCustomElement at xxx .翻译一下就是：未能解析组件：constem如果此元素是本机自定义元素，请确保将其从组件中排除通过cpmpilerOptions.isCustomElement 在 xxx 组件（下面
Vue.js报错Failed to resolve filter问题的解决方法
10-22
主要介绍了Vue.js报错Failed to resolve filter问题的解决方法,需要的朋友可以参考下
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
在Vue.js框架中，`this.$set`是一个用于添加响应式属性的方法，它遵循Vue的依赖追踪机制，确保新添加的属性能够触发视图更新。然而，当你遇到`TypeError: this.$set is not a function`的错误时，通常是因为`this`上...
详解Vue.js搭建路由报错 router.map is not a function
10-19
Vue.js 是一款流行的前端JavaScript框架，它提供了便捷的组件化开发模式和强大的状态管理功能。在实际项目开发中，我们常常会用到Vue Router来处理应用的路由管理，以便实现页面间的导航和状态管理。然而，有时候在...
[前端]浏览器警告：Failed to resolve component: xxxIf this is a native custom element, make sure to exclude
m0_74949784的博客
11-09 6996
未能解析组件：xxxx如果这是一个本地自定义的元素，请确保从组件解析中排除他。3.components 多写 或者 忘记加括号。应改改为：setup 多多注意单词拼写。2.引用某些组件时没有加花括号。1.setup 拼写错误。这个组件没有进行注册。
vue：Failed to resolve componentxxx
m0_67402564的博客
03-09 1272
vue 项目中控制台报警告： [Vue warn]: Failed to resolve component: xxx If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. at... 大概率是没有注册组件，注册即可 ...
Failed to resolve component: n-button
Qyh1207的博客
05-10 2232
vue3中遇到的问题 [Vue warn]: Failed to resolve component: n-button If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. 突破点 需要先添加引用(use/component)再挂载 修改前 修改后 ...
[Vue warn]: Failed to resolve component: xxx
w871854956的博客
10-27 2万+
bug内容： 原文： [Vue warn]: Failed to resolve component: test If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. at <App> 必应翻译： 未能解决组件：测试 如果这是一个本地自定义元素，请务必通过编译器从组件分辨率中排除它。 原...
[Vue warn]: Failed to resolve component：报错问题。
热门推荐
qq_41983641的博客
03-31 9万+
在一个vue3项目中，引入一个自定义组件时出现了[Vue warn]: Failed to resolve component：【组件名】这样的警告，引入的组件没有出现在页面中。网上查了半天没找到原因，后来将vue3中的defineComponent去掉后，就不再报错了。 <script> import { defineComponent } from "vue"; import layaside from "./Aside"; export default defineComponent({
Vue3解决：[Vue warn]: Failed to resolve component: el-table(或el-button) 的三种解决方案
狮子座的男孩
06-29 3万+
等组件，却发现页面一直再 Vue warn。，且在页面上一直显示不出来自己想要的结果；想完整引入 ElementPlus ui。// 没实测过，因为我使用 vue3。库，并想使用 el-table。通过方式一、方式二和方式三后，或 el-button。的代码风格不是如此;
vue：Failed to resolve component:xxx
m0_51221102的博客
09-26 1万+
vue 项目中控制台报警告： [Vue warn]: Failed to resolve component: xxx If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. at... 大概率是没有注册组件，注册即可 ...
关于Vue3报错 Failed to resolve component:xxx的问题
weixin_52020362的博客
06-27 1万+
关于Vue3报错 Failed to resolve component:xxx的问题
vue报错 Failed to resolve component: Toparea If this is a native custom element, make sure to exclude
qq_41220477的博客
01-30 1万+
原因：引入组件的时候，写成对象了 问题解决
[Vue warn] Failed to resolve component xxx
m0_67393619的博客
03-06 4913
bug内容： 原文： [Vue warn]: Failed to resolve component: test If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. at 必应翻译： 未能解决组件：测试 如果这是一个本地自定义元素，请务必通过编译器从组件分辨率中排除它。 原因预读： 逻辑问题：父组件都已经挂载上了，

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值