求助:Vite的vue3项目使用Element Plus,element-plus的icon组件展示均为□,且el-img的src加载不了图片

郭新宇go 2021-07-02 15:11:48

问题有些奇怪,Vite的vue3项目使用Element Plus,样式和js动画都正常。只有element-plus的icon组件展示均为□,且el-img的src加载不了图片 。有没有路过的大神帮忙解决下,万分感谢!

使用下面命名创建项目

npm init @vitejs/app my-vue-app --template vue

mainjs中引入Element-plus

import ElementPlus from 'element-plus';
import 'element-plus/lib/theme-chalk/index.css';

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

icon显示为方块,图片使用el的组件引入不了,原生的img可以引入

<el-button type="primary" icon="el-icon-search">搜索</el-button>

<el-image style="width: 100px; height: 100px" src="./asset/tamoke.png" :fit="fit"></el-image>

 

...全文
1997 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
郭新宇go 2021-07-06
  • 打赏
  • 举报
回复

vite 4.0也可以

郭新宇go 2021-07-06
  • 打赏
  • 举报
回复

img
图标的问题也解决了,vite版本退回到^2.3.7

郭新宇go 2021-07-02
  • 打赏
  • 举报
回复

图片的解决了,采用impoert导入图片,到绑定的src上,估计字体也是需要同样的方式引入一个icon的css
import tamokepngurl from "../assets/tamoke.png";

1,935

社区成员

发帖
与我相关
我的任务
社区描述
Vue是一套用于构建用户界面的渐进式JavaScript框架。我们更加关注于spa单页面应用、uni-app、vue3、微前端、基于vue的低码平台。
前端 技术论坛(原bbs)
社区管理员
  • community_283
  • 槿畔
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

亲爱的CSDN小伙伴你们好,我是一个全新的社区,成立之初请CSDN的小伙伴们帮忙推广一下我们VUE社区,欢迎大家来这里讨论VUE相关问题哦~

另外对社区做出重大贡献者,可以联系版主授予称号~

试试用AI创作助手写篇文章吧