l***@qq.com

发布：2022-08-16 16:47
更新：2022-10-20 16:22
阅读：1752

【报Bug】uni-icons打包App不显示

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Mac

PC开发环境操作系统版本号： 12.2.1

手机系统：全部

手机厂商：华为

页面类型： vue

vue版本： vue2

打包方式：云端

项目创建方式： CLI

CLI版本号： 4.5.15

测试过的手机：

miui 11.0.2，iOS 模拟器iphone8 15.4

操作步骤：

使用npm安装的uni-ui：1.4.20，vue 2项目。云打包出来的andorid和本地模拟器跑的iOS项目

预期结果：

图片正常显示

实际结果：

图片显示异常

bug描述：

使用npm安装的uni-ui：1.4.20，vue 2项目。h5打包出来是正常的。云打包出来的andorid和本地模拟器跑的iOS项目，uni-nav-bar和uni-easyinput中的uni-icons都显示不出来。android上显示x，iOS直接空白。如附件图片。

2022-08-16 16:47 负责人:无分享

2 个回复

h***@163.com

1、将
node_modules/@dcloudio/uni-ui/lib/uni-icons/uniicons.ttf

文件拷贝到

src/static/iconfont/uniicons.ttf

2、在App.vue的style里面

/* #ifdef APP */  
@font-face {  
  font-family: uniicons;  
  src: url('static/iconfont/uniicons.ttf') format('truetype');  
}  
/* #endif */

CODE_XU

暂时先改为用插件市场安装吧，目前确实存在此问题

l***@qq.com (作者)

啊，本来我也是用的插件市场，后台运维要用vue/cli自动打包部署，我就切换过去了。这好像尬住了。

2022-08-16 17:39
8***@qq.com

插件市场安装也有这问题

2023-09-04 18:03

该问题目前已经被锁定, 无法添加新回复

【报Bug】uni-icons打包App不显示

测试过的手机：

操作步骤：

使用npm安装的uni-ui：1.4.20，vue 2项目。云打包出来的andorid和本地模拟器跑的iOS项目

预期结果：

图片正常显示

实际结果：

图片显示异常

bug描述：

2 个回复

公告

相关问题

【报Bug】uni-icons打包App不显示

测试过的手机：

操作步骤： 使用npm安装的uni-ui：1.4.20，vue 2项目。云打包出来的andorid和本地模拟器跑的iOS项目

预期结果： 图片正常显示

实际结果： 图片显示异常

bug描述：

与内容相关的链接

2 个回复

公告

相关问题

操作步骤：

使用npm安装的uni-ui：1.4.20，vue 2项目。云打包出来的andorid和本地模拟器跑的iOS项目

预期结果：

图片正常显示

实际结果：

图片显示异常