vue3项目引入element-plus模块样式不生效问题解决

原创已于 2022-07-19 23:32:04 修改 · 1.5w 阅读

22 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #vue.js

于 2022-07-19 15:43:34 首次发布

问题描述

手动创建vue3项目后，在搭建页面时需要使用UI库element-plus时，按照官方给的步骤操作之后，很遗憾样式并没有生效，上网查了，众说纷纭，有的说是卸载element-plus后重新安装，但是我的问题还没有解决，后来在一篇文章中找到了答案，这里记录一下，希望能帮到有同样问题的你。好了，直接看解决办法。

1.安装element-plus

进入项目根目录下，命令npm install element-plus --save
安装完成后可打开package.json文件查看是否安装成功
在这里插入图片描述

2.引入element-plus

找到项目下的main.js文件，添加代码如下：

//引入element-plus模块
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
//use方法使用ElementPlus
createApp(App).use(store).use(router).use(ElementPlus).mount('#app');

在这里插入图片描述
重新启动就可以了，感谢！