element-plus icon indicating copy to clipboard operation
element-plus copied to clipboard

[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.

Open wade3po opened this issue 1 year ago • 1 comments

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

Github Repo

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版本有兼容问题

wade3po avatar May 20 '24 09:05 wade3po

My local environment is normal, and my node version is 18.19.1.

image

btea avatar May 21 '24 09:05 btea

同样遇到了这个问题

Image

KDWangBoss avatar Feb 09 '25 14:02 KDWangBoss

@KDWangBoss 你能提供一个简单的复现链接吗?

btea avatar Feb 09 '25 14:02 btea