-
-
Notifications
You must be signed in to change notification settings - Fork 19k
Description
Bug Type: Component
Environment
- Vue Version:
3.2.35
- Element Plus Version:
2.2.2
- Browser / OS:
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:100.0) Gecko/20100101 Firefox/100.0
- Build Tool:
Vite
Reproduction
Related Component
el-table-v2
Reproduction Link
https://stackblitz.com/edit/vitejs-vite-bqeywj?file=src/App.vue
Sorry that I used Stackblitz as the link for the minimal reproduction... I had no luck with CodeSandbox or the ElementPlus Playground setting up the manual import from element-plus, so I switched to Stackblitz and got it working right away. Hope this is okay...
Steps to reproduce
- Setup Element-Plus to manually import the dependencies (see https://element-plus.org/en-US/guide/quickstart.html#manually-import)
- Use the
el-auto-resizer
component as a wrapper forel-table-v2
as described here: https://element-plus.org/en-US/component/table-v2.html#auto-resizer
What is Expected?
unplugin-element-plus
automatically resolves ElAutoResizer
.
What is actually happening?
Manual import of ElAutoResizer
:
import { ElAutoResizer } from "element-plus"
throws the following error:
Failed to resolve import "element-plus/es/components/auto-resizer/style/css"
Additional comments
It seems that the CSS of the auto-resizer component is not where it should be for the unplugin-element-plus
library to resolve it automatically. Is there even any css for this component? Further digging shows that the source for the el-auto-resizer
component is in node_modules\element-plus\es\components\table-v2\src
.