vue3配置Element,及element-plus/lib/theme-chalk/index.css报错处理

vue3在安装配置Element-UI时,需要安装的是Element-plus,注意区分一下

1、在vue3.x的项目项目安装Element-Plus

npm i element-plus -S

2、引入到main.js,在\src\main.js中引入

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import ElementPlus from 'element-plus';
import 'element-plus/dist/index.css'


const app = createApp(App)
app.use(ElementPlus)
app.use(store).use(router).mount('#app')

3、注意正确引入import ‘element-plus/dist/index.css’,不然报错* element-plus/lib/theme-chalk/index.css in ./src/main.js

4、在页面上应用组件
在这里插入图片描述

5、页面效果
在这里插入图片描述

GitHub 加速计划 / el / element-plus
23.88 K
15.38 K
下载
element-plus/element-plus: Element Plus 是一个基于 Vue 3 的组件库,提供了丰富且易于使用的 UI 组件,用于快速搭建企业级桌面和移动端的前端应用。
最近提交(Master分支:1 个月前 )
c1863f50 3 个月前
b55163fd 3 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐