vue3配置Element及element-plus/lib/theme-chalk/index.css报错的解决

更新时间：2024年03月19日 17:03:43 作者：阿杰杰1314

这篇文章主要介绍了vue3配置Element及element-plus/lib/theme-chalk/index.css报错的解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

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.页面效果

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

通过源码分析Vue的双向数据绑定详解
使用vue也好有一段时间了，虽然对其双向绑定原理也有了解个大概，但也没好好探究下其原理实现，下面这篇文章通过源码主要分析了Vue的双向数据绑定，文中通过示例代码介绍的非常详细，需要的朋友可以参考借鉴，下面来一起看看吧。
2017-09-09
基于vue.js实现的分页
本文主要给大家介绍基于vue的分页原生写法，代码分为html部分和js部分，简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下吧
2018-03-03
Vue实现点击箭头上下移动效果
这篇文章主要介绍了Vue实现点击箭头上下移动效果，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2020-06-06
vue2.0 自定义饼状图 (Echarts)组件的方法
下面小编就为大家分享一篇vue2.0 自定义饼状图 (Echarts)组件的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-03-03
vue里面的el-select绑定默认值方式
这篇文章主要介绍了vue里面的el-select绑定默认值方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-09-09
详解Vue.js入门环境搭建
这篇文章主要介绍了详解Vue.js入门环境搭建，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。
2017-03-03
Vue ECharts实现机舱座位选择展示功能代码详解
这篇文章主要介绍了Vue ECharts实现机舱座位选择展示,本文给大家分享一段简短的代码通过效果图展示给大家介绍的非常明白，需要的朋友可以参考下
2022-05-05
浅谈vue中关于checkbox数据绑定v-model指令的个人理解
这篇文章主要介绍了浅谈vue中关于checkbox数据绑定v-model指令的个人理解,v-model用于表单的数据绑定很常见，下面就来详细的介绍一下
2018-11-11
Pinia简单使用以及数据持久化详解
最近正在使用Pinia进行状态管理,我希望在重新刷新页面时保持状态,下面这篇文章主要给大家介绍了关于Pinia简单使用以及数据持久化的相关资料,需要的朋友可以参考下
2022-05-05
Vue.js实现的购物车功能详解
这篇文章主要介绍了Vue.js实现的购物车功能,结合实例形式分析了vue.js购物车的原理、数值计算及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
2019-01-01