vue3使用element实现表单列表，报错[vite] Internal server error: No known conditions for “./lib/theme-chalk/index

vue3使用element实现表单列表，报错[vite] Internal server error: No known conditions for “./lib/theme-chalk/index.css” specifier in “element-plus” package

问题背景

vue3项目中引入element plus 时 引入 element css报错：

[vite] Internal server error: No known conditions for "./lib/theme-chalk/index.css" specifier in "element-plus" package

问题分析

import 'element-plus/lib/theme-chalk/index.css' // 多了个lib
import ElementPlus from 'element-plus'

检查得知，包路径多了个lib，删除后可以正常使用，如下所示：

import 'element-plus/theme-chalk/index.css'
import ElementPlus from 'element-plus'

问题解决

正常引入element以及其样式文件后，实现表单列表，代码如下：

运行结果如下：