问题描述

手动创建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');

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

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐