注册登录

2***@qq.com

发布：2024-06-04 15:49
更新：2025-10-31 15:51
阅读：1174

【报Bug】uni.loadFontFace 在App.vue onLaunch 中调用报错

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

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

HBuilderX类型：正式

HBuilderX版本号： 4.15

手机系统： Android

手机系统版本号： Android 14

手机厂商： OPPO

手机机型：一加ace2 pro

页面类型： vue

vue版本： vue3

打包方式：云端

项目创建方式： HBuilderX

操作步骤：

1:安卓APP：vue3项目在App.vue onLaunch 中调用 uni.loadFontFace
2:安卓APP: vue3项目在普通页面 onLoad 中调用 uni.loadFontFace

预期结果：

输出console.log('字体引入成功')

实际结果：

APP使用App.vue onLaunch 中使用uni.loadFontFace 会报
[Vue warn]: Unhandled error during execution of onLaunch at <App> 和 TypeError: Cannot read property '$page' of undefined
如果放在其他页面onLoad中会报
{
"errMsg": "loadFontFace:fail [object Object]"
}

bug描述：

APP使用App.vue onLaunch 中使用uni.loadFontFace 会报
[Vue warn]: Unhandled error during execution of onLaunch at <App> 和 TypeError: Cannot read property '$page' of undefined
如果放在其他页面onLoad中会报
{
"errMsg": "loadFontFace:fail [object Object]"
}

2024-06-04 15:49 负责人:无分享

9 个回复

2***@qq.com (作者) - 永不磨灭的意志

全局查找工程未使用$page

文晓港 - ColorUI组件库作者

+1 俺也是

9157654 - 程序员

我在onLaunch运行也报这个错误，而且使用网络地址根本引入不进去

苍山暮色烟雨迟

咋解决的

dennyjiang

同样遇到这个问题

4***@qq.com

同样遇到这个问题，感觉是uni的全局变量还没加载完成，尝试用setTimeout包着uni.loadFontFace运行，不报错且能成功加载字体了，在另一个贴也回复了，希望后续遇到这个问题能有更优雅的解决方案。

W***@163.COM

我小程序加了setTimeout 也没有用

2025-01-22 22:12
W***@163.COM

引入网络字体没有效果，也加了https这种

2025-01-22 22:13

2***@qq.com

跨域

wujingquan

这个问题只有我只有在app环境下遇到，解决方案就是不要在App.vue 的onLaunch 调用loadFontFace。
小程序则没有这个问题，小程序可以在App.vue 的onLaunch 调用loadFontFace。
另外global属性在app环境不生效。

dennyjiang

App同样支持loadFontFace，报错应该是路径问题

2025-10-31 15:52

dennyjiang

App报错大概率是路径问题，字体放到static目录或者用平台绝对路径

uni.loadFontFace({  
    global: true,  
    family: 'xxxx',  
    source: `url(${plus.io.convertLocalFileSystemURL('/common/xxxx.ttf')})`,  
    desc: 'xxxx'  
});

要回复问题请先登录或注册

【报Bug】uni.loadFontFace 在App.vue onLaunch 中调用报错

操作步骤：

1:安卓APP：vue3项目在App.vue onLaunch 中调用 uni.loadFontFace
2:安卓APP: vue3项目在普通页面 onLoad 中调用 uni.loadFontFace

预期结果：

输出console.log('字体引入成功')

实际结果：

APP使用App.vue onLaunch 中使用uni.loadFontFace 会报
[Vue warn]: Unhandled error during execution of onLaunch at <App> 和 TypeError: Cannot read property '$page' of undefined
如果放在其他页面onLoad中会报
{
"errMsg": "loadFontFace:fail [object Object]"
}

bug描述：

9 个回复

公告

相关问题

【报Bug】uni.loadFontFace 在App.vue onLaunch 中调用报错

操作步骤： 1:安卓APP：vue3项目在App.vue onLaunch 中调用 uni.loadFontFace 2:安卓APP: vue3项目在普通页面 onLoad 中调用 uni.loadFontFace

预期结果： 输出console.log('字体引入成功')

实际结果： APP使用App.vue onLaunch 中使用uni.loadFontFace 会报 [Vue warn]: Unhandled error during execution of onLaunch at <App> 和 TypeError: Cannot read property '$page' of undefined 如果放在其他页面onLoad中会报 { "errMsg": "loadFontFace:fail [object Object]" }

bug描述：

与内容相关的链接

9 个回复

公告

相关问题

操作步骤：

1:安卓APP：vue3项目在App.vue onLaunch 中调用 uni.loadFontFace
2:安卓APP: vue3项目在普通页面 onLoad 中调用 uni.loadFontFace

预期结果：

输出console.log('字体引入成功')

实际结果：

APP使用App.vue onLaunch 中使用uni.loadFontFace 会报
[Vue warn]: Unhandled error during execution of onLaunch at <App> 和 TypeError: Cannot read property '$page' of undefined
如果放在其他页面onLoad中会报
{
"errMsg": "loadFontFace:fail [object Object]"
}