uniapp 小程序编译时, iconfont.css 等 部分文件无法上传

最新推荐文章于 2023-09-21 10:38:57 发布
最新推荐文章于 2023-09-21 10:38:57 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： 小程序 uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44852765/article/details/112279123
版权

出现问题: 真机预览无法显示阿里字体图标

在这里插入图片描述
解决办法：
正常操作：
在这里插入图片描述
将存放在static根目录下的字体文件转移到其他的文件夹项目，比如我在根目录建了个 font中, 如图:
在这里插入图片描述
最后在app.vue 中全局引入
在这里插入图片描述

方程式1002
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
小程序反编译工具2-miniprogram-to-uniapp-master.zip
12-12
小程序反编译工具，输入小程序项目路径，输出uni-app项目。 实现项目下面的js+wxml+wxss转换为vue文件，模板语法、生命周期函数等进行相应转换，其他文件原样复制，生成uni-app所需要的配置文件。
uniapp微信小程序电商源码前后端均未编译
03-07
基于Yii2开发，支持composer，优化核心，减少依赖，基于全新的架构思想和命名空间 ... 核心功能模块化，方便开发和维护 强化路由功能，采用RESTful接口标准 灵活创建模型控制器，易于...小程序及app端uniapp 未编译源码
【微信小程序】编译 .wxss 文件异常解决
03-29
遇到问题 　　博主最近又重新开始捡起微信小程序，想做点自己的东西。了解到最近小程序工具有做更新，就顺手更新了最新的版本，功能确实比之前强大了不少！ 　　更新归更新，更新后控制台就一直报下面这个错误： (此图片来源于网络，如有侵权，请联系删除! ) 解决方案 　1 在控制台输入命令 openVendor()，回车执行   (此图片来源于网络，如有侵权，请联系删除! ) 　2 在打开的目录当中删除名为 wcsc.exe 的应用程序   (此图片来源于网络，如有侵权，请联系删除! ) 　3 重启微信小程序，错误已经不存在，程序正常执行 (此图片来源于网络，如有侵权，请联系删除! )
uni-app引入的全局的css在预览的时候提示文件没有上传
肖肖肖丽珠的博客
04-13 535
小程序好像不能打包css文件。如果我们把文件的后缀改成wxss。就能正常的打包上传了。
微信小程序中 iconfont真机不显示问题 以及打包的时候提示文件没有被打包上传
LJJONESEED的博客
06-16 1719
微信小程序中 iconfont真机不显示问题网址：https://transfonter.org/ 到这个网址把 iconfont的ttf文件进行base64转换 下载之后：打开stylesheet.css文件 然后复制src:url一整段。 把自己src中的ttf引入替换成复制的就可以显示了。.........
uni-app开发微信小程序引入iconfont上传的时候提示文件无法上传
九段刀客的博客
09-18 1713
现象 在微信开发者工具上显示正常，但是点击微信开发者工具的预览时会提示.ttf等文件上传失败 解决办法 将存放在static目录下的iconfont文件转移到其他的文件夹项目，比如我在根目录建了个style ...
微信小程序iconfont字体图标文件无法上传问题
qq_41591368的博客
04-18 1985
最近在写毕业设计的时候，因为微信小程序本身的字体图标无法满足我的开发需求，但是在引入之后发现开发工具预览没问题但是真机调试就出现了问题， 在查阅资料后找到了解决的办法。我将原本放在static下的字体图标文件换到了style下 之后重新导入 这样就解决了问题。造成这个问题的原因是微信小程序在编译的时候有一个白名单， 只有这些文件可以上传，放在static下的话会作为静态文件，不在白名单内所以不会上传。 ...
Uniapp引入confont的不显示和无法上传到小程序
简单Cere
03-21 972
uni-app 支持使用字体图标，使用方式与普通 web 项目相同，需要注意以下几点： ● 字体文件小于 40kb，uni-app 会自动将其转化为 base64 格式； ● 字体文件大于等于 40kb， 需开发者自己转换，否则使用将不生效； ● 字体文件的引用路径推荐使用以 ~@ 开头的绝对路径。 方法一 1.下载iconfont 否则上传会出现这个问题，字体文件没有被打包上传 2.修改字体路径 字体文件的引用路径推荐使用以 ~@ 开头的绝对路径 方法二 试用外部地址直接访问，删除woff和tt
uniapp小程序解决不能上传文件/图片问题
最新发布
yanhhillo的博客
09-21 595
uniapp小程序解决不能上传文件/图片问题_小程序_未来可期？-华为云开发者联盟
一键反编译微信小程序获取源码，并转换为uniapp或taro跨端项目
01-06
一键反编译微信小程序获取源码，并转换为uniapp或taro跨端项目
小程序反编译脚本.zip
09-09
2.下载模拟器->微信->搜索你要扒取的小程序（点开即可） 3.打开RE文件管理器，获取root权限，从根目录开始。/data/data/com.tencent.mm/MicroMsg/.../appbrand/pkg/，路径中有一段...，这里表示不确定具体一个，一般...
UNI-APP引入第三方字体库问题
dong_chl的专栏
04-24 2万+
一、背景描述 在开发APP的时候，经常需要引入第三方字体图标，由于第一次使用UNI-APP这一前端混合框架做APP开发，在引入阿里巴巴矢量图标库不小心踩到了坑。 二、问题描述 VM176:5 Failed to load local font resource /static/iconfont/iconfont.ttf-do-not-use-local-path-./common/main....
微信小程序使用iconfont遇到的问题
u010735316的博客
08-23 2241
1.和正常web项目一样，将iconfont用到的所有文件放到自己小程序对应的文件夹里（我是在根目录下新建了static文件夹，用来放项目需要的资源文件，比如图片、字体包）。 2.在app.wxss里引入iconfont.css报错 @import “./static/font/iconfont.css”; 此时问题一出现了： File not found: ./static/font/iconfont.css 原因：小程序不支持css文件 解决方法：需要将css后缀改成wxss @import "./st
微信小程序中使用iconfont遇到的坑(以下文件没有被打包上传)
云中客的博客
12-02 8966
最近公司需要做个小程序项目参加创新大赛（祖传开头，最近公司xxx），那就抽空花了2个工时撸出了一个简单的小应用，写的过程中发现小程序和正常的前端项目还是有不少区别的。其中花费时间最多的是研究怎么在小程序中使用iconfont。 这里我记录下摸索的过程： 1.和正常的前端代码一样，在入口的html文件（我使用的是mpvue，如果使用小程序原生标签应该也是类似的...
uniapp开发微信小程序分包找不到static文件夹
青春不打烊的博客
03-13 4466
原因：开发微信小程序因为主包太大上传不到微信后台，分包处理，中间因为没有仔细看文档出现static找不到的问题！ 注意上边这句话，配置路由的时候把路径匹配对就好了。 ...
微信小程序使用字体图标
热门推荐
生如夏花 炫至茶靡
07-03 8万+
项目中常常需要使用到字体图标，微信小程序中使用字体图标与在平常的web前端中类似但是又有区别。下面以使用阿里图标为例子讲解如何在微信小程序中使用字体图标。 第一步：下载需要的字体图标 进入阿里图标官网http://iconfont.cn/搜索自己想要的图标，如这里需要一个购物车的图标，流程为： 搜索“购物车”图标--->点击“添加入库”-->点击购物车进入购物车-->点击下载代码按钮。
Browserslist: caniuse-lite is outdated. Please run:npx browserslist@latest --update-db
weixin_44852765的博客
09-16 1万+
使用HBuilder X 运行项目时报错(我用的是2.8.8版本) 报错内容: Browserslist: caniuse-lite is outdated. Please run:npx browserslist@latest --update-db 解决办法 关掉HBuilder X 找到HBuilder X安装目录,在根路径找到 plugins—> uniapp-cli 删除node_modules, package-lock.json 这两个文件夹 删除完成后,在当前目录下执行npm ins
小程序编译时, 提示: 80051,scource size 8290KB exceed max limit 2MB
weixin_44852765的博客
01-06 1万+
编译错误提示 解决办法一: 先查看是那部分文件体积过大 - 图片 -----> 压缩图片 - 字体文件 ----> 减小字体文件体积, 更改方式 - pages —> 办法如下: 解决办法二: pages: 分包加载 : 官网地址 https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages.html ...
android启动uniapp小程序报错 uniapp java.lang.unsatisfiedlinkerror
05-27
这个错误通常是由于使用了未编译或不兼容的 native 代码库所引起的。可能是因为你的 Uniapp 小程序中使用了某些需要 native 库支持的功能，但是缺少了对应的 native 库，或者 native 库版本不兼容导致出现了该错误。 解决这个问题的方法是，先确认一下你的 Uniapp 项目中是否使用了 native 库，如果使用了，需要确认对应的 native 库是否存在，并且版本是否兼容。可以尝试更新对应的 native 库，或者手动添加缺少的 native 库，看是否能够解决问题。 另外，也有可能是因为你的项目中使用了某些不兼容的插件或依赖库，导致出现了该错误。可以尝试升级或移除相关的插件或依赖库，看是否能够解决问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值