[Component] [All] Failed to resolve component: el-button If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
Bug Type: Component
Environment
- Vue Version:
3.4.21 - Element Plus Version:
2.7.3 - Browser / OS:
chrom 版本 126.0.6423.2(正式版本) (64 位) - Build Tool:
Vite
Reproduction
Related Component
All
Reproduction Link
Steps to reproduce
node 18.12.1 npm create vite@latest vue typescript npm install element-plus --save npm install -D unplugin-vue-components unplugin-auto-import
// vite.config.ts import { defineConfig } from "vite"; import vue from "@vitejs/plugin-vue"; import AutoImport from "unplugin-auto-import/vite"; import Components from "unplugin-vue-components/vite"; import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
// https://vitejs.dev/config/ export default defineConfig({ plugins: [ vue(), AutoImport({ resolvers: [ElementPlusResolver()], }), Components({ resolvers: [ElementPlusResolver()], }), ], });
What is Expected?
自动导入组件
What is actually happening?
vue.js?v=635cc2bb:1512 [Vue warn]: Failed to resolve component: el-button If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. at <App>
Additional comments
换了node版本也一样,是否是vite版本和element-plus版本有兼容问题
My local environment is normal, and my node version is 18.19.1.
同样遇到了这个问题
@KDWangBoss 你能提供一个简单的复现链接吗?