Failed to resolve component: n-button

最新推荐文章于 2025-03-17 21:25:52 发布
最新推荐文章于 2025-03-17 21:25:52 发布
阅读量2.5k 收藏
点赞数 1
分类专栏： vue 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Qyh1207/article/details/124345659
版权
本文介绍了在Vue3中遇到的关于'n-button'组件解析警告，并详细说明了解决方法，即在使用前先通过use/component引入，然后正确挂载。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

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)再挂载

修改前

在这里插入图片描述

修改后

在这里插入图片描述

前端开发：Vue3提示警告Failed to resolve component：XXX If this is a native custom element… 的解决方法
全沾软贱开发攻城狮
12-26 4万+
在前端开发中使用Vue的开发者都知道，Vue目前已经以Vue3.0为基础版本了，也就是说Vue3.0已经成为主流版本了。还在只用Vue2.0开发没有使用Vue3.0的开发者要注意了，要抓紧时间熟悉和了解Vue3以上的相关语法和知识点了，迫在眉急。本篇博文来分享一下，关于在使用Vue3的时候遇到的一个提示警告错误，虽然不复杂，但是这是一个比较常见且共性的问题，分享出来记录一下，方便以后查阅使用。
记一次踩雷经历：Vue引入vant /van-tabs组件后不显示/van-tabs和子路由的封装后Failed to resolve directive: keep-scroll-position
明日复明日的博客
05-05 8461
核心错误应该是[Vue warn]: Property or method "$t" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based compone...
Failed to resolve component: ClickButtonIf this is a native custom element, make sure to exclude it
weixin_55209970的博客
02-19 749
在写代码时 遇见这样一个警告 但是又不报错 搜了很多资料说是。不过我看了下 我这也没有使用。
Vue warn：Failed to resolve component
最新发布
qq_16401135的博客
03-17 161
Vue warn： Failed to resolve component: childcomponent If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. 我直接在模板里把引入的组件的名字粘贴进去了 改成小写的形式child-component，用-分开大写字符就好了
vue3按需引入vant库报错Failed to resolve component
m0_67108146的博客
06-06 1581
vue3按需引入vant库报错Failed to resolve component
【Vue3】引入组件Failed to resolve component: MyButton If this is a native custom element
Primice个人空间
02-12 4370
引入组件时在comments这一步出了问题，有可能是单词拼写错误或者其它被忽略的细节问题
[Vue warn]: Failed to resolve component: a-switch If this is a native custom element
qq_44792224的博客
11-23 632
原因：本项目是组件单独引入的，没有引入a-switch组件但是使用了导致报错。问题：使用antdv中的a-switch组件不显示，且报警告。
failed to resolve component: el-button
04-06
这个错误提示意味着在当前页面或组件中无法识别或找到名为"el-button"的组件。可能是因为没有正确引入此组件或者库文件没有正确加载。您需要检查代码中相关组件的引入和依赖关系，以及确保库文件正确安装和加载。
[Vue warn]: Failed to resolve component: van-button If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
06-10
在这个例子中，`van-button` 可能是一个来自 Vant UI 组件库的组件。为了解决这个问题，需要确保在 Vue 项目中正确地引入了 Vant 组件库，并且在使用 `van-button` 组件时，它已经被正确地注册了。可以在组件的 `...
[Vue warn] Failed to resolve component xxx
web18296061989的博客
03-09 3937
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 必应翻译： 未能解决组件：测试 如果这是一个本地自定义元素，请务必通过编译器从组件分辨率中排除它。 原因预读： 逻辑问题：父组件都已经挂载上了，
Vue3解决：[Vue warn]: Failed to resolve component: el-table(或el-button) 的三种解决方案
狮子座的男孩
06-29 4万+
等组件，却发现页面一直再 Vue warn。，且在页面上一直显示不出来自己想要的结果；想完整引入 ElementPlus ui。// 没实测过，因为我使用 vue3。库，并想使用 el-table。通过方式一、方式二和方式三后，或 el-button。的代码风格不是如此;
uniapp安装vant并解决样式引入报错
qq_44741577的博客
03-16 2123
unaipp引入vant组件库的时候，按照官网的步骤，一直报错。
解决uniapp项目中使用vant Weapp图标组件报错问题（Module build failed from ./node_modules/postcss-loader/src/index）
筱竹的博客
12-30 1万+
解决uniapp项目中使用vant 图标报错问题 在使用uniapp开发项目时，使用到了vant Weapp组件库，如下图所示： 但是当运行项目进行编译时或者发行进行项目打包时，报错如下： 以下是具体报错信息 15:25:26.122 Module build failed (from ./node_modules/postcss-loader/src/index.js): 15:25:26.128 SyntaxError 15:25:26.129 (36:193) Unclosed bracke
Html 引入element UI + vue3 报错Failed to resolve component: el-button
LlanyW的专栏
11-09 1754
Element UI是一款基于Vue2.x 的界面框架；Element Plus是一款基于Vue3.x 的界面框架；使用vue2的话运行正常，应该是vue3与element UI不兼容。Html 引入element UI, + vue3。
【vue warn】Failed to resolve component: xxx
qq_63514555的博客
12-05 1816
Failed to resolve component: xxx
【vue】Failed to resolve component: van-cell If this is a native custom element, make sure to exclude
karshey的博客
01-09 3339
debug
uni-app加入vant ui组件，并修改引用时的报错
tdjqqq的博客
12-30 3715
uni-app加入vant ui 1 下载vant包，这里去github下载 Vant - Mobile UI Components built on VueMobile UI Components built on Vuehttps://youzan.github.io/vant/#/zh-CN/ https://github.com/youzan/vanthttps://github.com/youzan/vant 2 解压vant包，并把【dist】文件夹复制 3 在你的uni-app.
vue3解决[Vue warn]: Failed to resolve component:XXX
烟溪彭于晏的博客
07-01 9998
最近学习vue3，对于一个后端来说坑好多啊，头炸了！！！即使坑一个接一个的，填就完了！！！在解决完 ‘VueRouter‘、vue-router未找到 ， this.$router未定义的问题后，之前还生效的ElementPlus突然无法识别了。已经在main.js全局引入了ElementPlus，但是浏览器报警告无法识别ElementPlus然后找到两个解决办法如果是组合式API，有稍微不同首先你需要安装 和 这两款插件 然后把下列代码插入到你的 vue.config.js 或 或 的配置文件中、
vue 报警告：Failed to resolve component:ConsTtem IFthis is a native custom element,make sure to exclude
热门推荐
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
06-17 9万+
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 组件（下面
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值