Vue3.0使用Element Plus组件报错[Vue warn]: Failed to resolve component: `el-XXXX` If this is a native custo

2024-04-10 08:43:13

文章目录

报错截图
一、问题描述
二、报错信息格式
三、报错原因

报错截图

一、问题描述

我的技术栈：Vue3+TypeScript+Vite+Element Plus
我的报错：Vue3 项目使用 Element plus 的组件，引入 elment 的组件后，页面上渲染不出来，一篇空白，并报出如下警告。我找了半天，最后才发现，以上警告均是同一个问题：我这个项目里Element plus 用的是手动导入，不是自动导入和全部导入。使用 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.

三、报错原因

原因一：项目配置的手动引入，但是自己用Element组件时，没有手动引入

解决办法：手动引入用到的 Element组件 ，我使用 el-select 的时候也有如上报错，手动引入后问题解决。引入格式如下图

原因二：引入文件时，大小写错误。
如果被引入文件使用了Element组件，然后引入时出现了这种大小写不一致，也会报警告且组件没法用

Vue3.0使用Element Plus组件报错[Vue warn]: Failed to resolve component: `el-XXXX` If this is a native custo相关推荐

vue3出现此警告信息：[Vue warn]: Failed to resolve component: dpan
警告内容: runtime-core.esm-bundler.js:6870 [Vue warn]: Failed to resolve component: dpan 原因: 问题出现的原因是因为, ...
关于使用elementUI DateTimePicker组件报错[Vue warn]: Avoid mutating a prop directly since the value will be
报错信息如下: [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the ...
vue3[Vue warn]: Failed to resolve component: XXX If this is a native custom element, make sure to ex
自定义标签存在,但是没有渲染报错: 原因: 改正前: <script> import {milldeLayoutInMain} from "../../components/h ...
工作214：结构 vue操作一个很有意思的报错 [Vue warn]: You may have an infinite update loop in a component
结构 vue操作一个很有意思的报错 [Vue warn]: You may have an infinite update loop in a component render function. 代 ...
Vue父组件调用子组件方法，报错[Vue warn]: Error in v-on handler: “TypeError: _this.$emit is not a function“
症状一开始浏览器控制台报这个错[Vue warn]: Error in v-on handler: "TypeError: _this.$emit is not a function&qu ...
el-date-picker报错[Vue warn]: Avoid mutating a prop directly since the value will--解决方法
在开发的过程中.凡是页面使用了el-date-picker的这个组件就会报一个这样的错误从vue的角度来看.是子组件修改了父组件传递过来的参数导致的但是我改了好久也没改动后来才发现是eleme ...
Invalid component name: “_compiled“. Component names should conform to valid custom element name组件报错
报错一个vue项目,运行没有问题,但是我利用路由跳转的时候报错, 最后发现bug 说出来你可能不信,就是这一个大括号,会报这么多措,语法错误就会有很多错误,这样就可以跳转啦.
Vue报错-[Vue warn]: Unknown custom element: ＜van-action-sheet＞ - did you register the component correc
项目场景: 今天在使用到vant组件的时候引入报错. [Vue warn]: Unknown custom element: <van-action-sheet> - did you re ...
工作169:vue项目报错[Vue warn]: Property “visible“ must be accessed with “$data.visible“ because properties
vue项目中报错: [Vue warn]: Property "visible" must be accessed with "$data.visible" b ...

最新文章

热门文章