关于Vue3的一个奇怪的警告：Failed to resolve component: dir If this is a native custom element

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

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写成dir了
在这里插入图片描述
改了之后立刻就不报警告了。
总结：眼睛是个好东西，我不能白长了

qq_32021429
关注
  • 19
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 11
    评论
专栏目录
前端开发：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 1484
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-
前端基础踩坑记录
MRJJ_9的博客
08-24 447
前端踩坑记录
vue3警告：Failed to resolve component: SwitchDateComp If this is a native custom.....解决办法
Pluto_98的博客
02-01 438
Vue3提示警告Failed to resolve component：XXX If this is a native custom element… 的解决方法
关于Vue3一个警告：Failed to resolve component: strikeIf this is a native custom element
m0_65791412的博客
06-10 1253
Failed to resolve component: strike If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
【Vue warn】If this is a native custom element, make sure to exclude it from component resolution ……
道阻且长，行则将至。
12-23 1万+
百度翻译一下：如果这是一个本地自定义元素，请务必通过编译器从组件分辨率中排除它。
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-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组件，必须...
vue3-element-admin：vue3 + element-plus + typescript 后台管理系统
05-04
vue3-element-admin 是【有来开源组织】基于 Vue3 + Vite4 + TypeScript + Element-Plus + Pinia 等前端主流技术栈从0到1搭建后台管理系统模板（前后端开源）。 后端是基于 Spring Boot 3.0 、Spring Security 6.0 ...
Vue 报错TypeError: this.$set is not a function 的解决方法
12-12
报错场景：将APi中得到的response数据，用Vue$set()使数据动态响应 报错代码： methods: { textTranslate: function (text, to) { $.ajax({ url: 'http://openapi.youdao.com/api', type: 'post', dataType: ...
uniapp 报警告 If this is a native custom element, make sure to exclude it from component的问题
打不死的小五
09-19 5367
但是在uniapp中有自动导入机制，只要按需使用即可，easycom会自动导入注册，按照官方的组件目录放置自定义组件。放置准确后，是最重要的一步，检查easycom是否开启了。如果是这一点，放在vue中一般是没有在页面中注册导致。该警告说明在模板中使用了一个无法自动识别的标签。如果是第一点原因，自己仔细检查拼写错误即可。，查看是否有配置项，没有的话就添加进去，因为手误写错了，这个要自己仔细检查。导入、注册、使用，缺一不可。使用了自定义组件/第三组件。
Vue3报错：Failed to resolve component: Refresh If this is a native custom element, make sure to exclude
m0_60820509的博客
09-25 2404
自定义组件父子组件通信报错：Failed to resolve component: refresh if this is a native custom element, make sure to exclude it from component resolution via compileroptions.iscustomelement.
解决：xxxx If this is a native custom element, make sure to exclude it from component resolution
记录开发日常
04-23 2845
这种报错通常是因为在 `Vue.js` 应用程序中使用了自定义组件，但是在编译选项中没有将其排除在组件解析之外。
[前端]浏览器警告：Failed to resolve component: xxxIf this is a native custom element, make sure to exclude
m0_74949784的博客
11-09 6966
未能解析组件：xxxx如果这是一个本地自定义的元素，请确保从组件解析中排除他。3.components 多写 或者 忘记加括号。应改改为：setup 多多注意单词拼写。2.引用某些组件时没有加花括号。1.setup 拼写错误。这个组件没有进行注册。
der If this is a native custom element, make sure to exclude it from component resolution via compil
m0_57741466的博客
05-29 787
需要注意的是，在 Vue.js 的开发中，这个警告是非常常见的，因为 Vue 的组件系统是非常灵活和动态的。所以，在遇到这个警告时，不要慌张，仔细检查代码，找到未定义的组件并进行注册和导入就可以了。在 Vue 应用中，当引入未定义的组件时， Vue 会尝试展示更多的警告，这个警告便是其中之一。在应用程序中，每个组件都必须有唯一的名字，如果组件名字不正确，就会出现这个警告，因为 Vue 无法正确识别组件。为了解决这个警告，我们可以通过检查引入的所有组件，确保它们都被正确地定义并且在应用程序中被注册过。
Vue3.0使用Element Plus组件报错[Vue warn]: Failed to resolve component: `el-XXXX` If this is a native custo
做笔记/记录遇到的前端bug
02-27 8946
Vue3使用Element Plus组件时报错：[Vue warn]: Failed to resolve component: `el-XXXX` If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement
vue报错 Failed to resolve component: Toparea If this is a native custom element, make sure to exclude
qq_41220477的博客
01-30 1万+
原因：引入组件的时候，写成对象了 问题解决
vue报错 Failed to resolve component Toparea If this is a native custom element, make sure to exclude
geinvse_seg的博客
03-09 1956
原因：引入组件的时候，写成对象了 问题解决

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值