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报错的解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

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

总结

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

相关文章

  • Vue实现双token无感刷新的示例代码

    Vue实现双token无感刷新的示例代码

    这篇文章主要介绍了Vue实现双token无感刷新,双token机制,尤其是指在OAuth 2.0授权协议中广泛使用的access token(访问令牌)和refresh token(刷新令牌)组合,文中通过代码示例讲解的非常详细,需要的朋友可以参考下
    2024-03-03
  • Vue如何动态改变列表搜索出关键词的字体颜色

    Vue如何动态改变列表搜索出关键词的字体颜色

    这篇文章主要介绍了Vue如何动态改变列表搜索出关键词的字体颜色问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-10-10
  • 在Vue框架下实现表格行合并的两种方法

    在Vue框架下实现表格行合并的两种方法

    本文介绍了ElementUI和Antd+Vue中el-table和a-table实现行合并的方法,包括基本使用、实现步骤、示例代码等,通过自定义计算合并行数的方法,可以灵活实现表格数据的合并显示,提升数据的可读性和用户体验,需要的朋友可以参考下
    2026-04-04
  • 使用vxe-table合并单元格、分组列头的详细用法举例

    使用vxe-table合并单元格、分组列头的详细用法举例

    这篇文章主要介绍了使用vxe-table合并单元格、分组列头的详细用法,vxe-table通过rowspan和colspan配置合并单元格,使用columns的group属性实现列头分组,文中给出了详细的代码示例,需要的朋友可以参考下
    2025-06-06
  • vue中如何添加百度统计代码

    vue中如何添加百度统计代码

    这篇文章主要介绍了vue中如何添加百度统计代码,帮助大家更好的理解和使用vue框架,感兴趣的朋友可以了解下
    2020-12-12
  • vue proxyTable的跨域中pathRewrite配置方式

    vue proxyTable的跨域中pathRewrite配置方式

    这篇文章主要介绍了vue proxyTable的跨域中pathRewrite配置方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-04-04
  • Vue的属性、方法、生命周期实例代码详解

    Vue的属性、方法、生命周期实例代码详解

    这篇文章主要介绍了Vue的属性、方法、生命周期的实例代码,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-09-09
  • Vue echarts封装实现流程

    Vue echarts封装实现流程

    这篇文章主要介绍了Vue echarts封装的实现,Echarts,它是一个与框架无关的JS图表库,但是它基于JS,这样很多框架都能使用它
    2023-01-01
  • vue3项目中eslint+prettier统一代码风格方式

    vue3项目中eslint+prettier统一代码风格方式

    这篇文章主要介绍了vue3项目中eslint+prettier统一代码风格方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2025-05-05
  • axios取消请求与避免重复请求

    axios取消请求与避免重复请求

    在项目中经常有一些场景会连续发送多个请求,而异步会导致最后得到的结果不是我们想要的,并且对性能也有非常大的影响,这篇文章主要给大家介绍了关于axios取消请求与避免重复请求的相关资料,需要的朋友可以参考下
    2021-06-06

最新评论