角7 PWA -在离线模式下缺少的字体图标
角7 PWA -在离线模式下缺少的字体图标
提问于 2018-12-13 20:54:54
问题是，在脱机模式下，字体令人敬畏的图标没有显示出来。当处于脱机模式时，我可以在“网络”选项卡中看到状态为“失败”的文件如下
- 在dist文件夹中生成&
- 在应用程序选项卡中的缓存中-例如/fa-solid-900.fb493903265cad425ccd.woff 2
非常感谢在这方面的任何帮助。下面的细节
阿米特·科利
包文件中的相关条目是-
"@angular/animations": "7.1.3",
"@angular/common": "7.1.3",
"@angular/compiler": "7.1.3",
"@angular/core": "7.1.3",
"@angular/forms": "7.1.3",
"@angular/http": "7.1.3",
"@angular/platform-browser": "7.1.3",
"@angular/platform-browser-dynamic": "7.1.3",
"@angular/pwa": "^0.10.6",
"@angular/router": "7.1.3",
"@angular/service-worker": "7.1.3",
"@fortawesome/fontawesome-free": "^5.5.0",在ngsw-config.json .
"/favicon.ico",
"/index.html",
"/*.css",
"/*.js",
"/*.woff",
"/*.woff2",
"/*.ttf",
"/fontawesome-webfont*"
]Manifest.json -
"short_name": "TALSWeb",
"theme_color": "#00A160",
"background_color": "#fafafa",
"display": "standalone",
"scope": "/",
"start_url": "/",生成的ngsw.json文件摘录-
"assetGroups": [
{
"name": "app",
"installMode": "prefetch",
"updateMode": "prefetch",
"urls": [
"/fa-brands-400.659c4d58b00226541ef9.woff2",
"/fa-brands-400.8b7a9afd7b95f62e6ee8.woff",
"/fa-brands-400.b69de69a4ff8ca0abe96.ttf",
"/fa-regular-400.0b5e3a5451fc62d9023c.woff",
"/fa-regular-400.b48c48ea8457846a5695.ttf",
"/fa-regular-400.bdadb6ce95c5a2e7b673.woff2",
"/fa-solid-900.48f54f63d7711d0912a9.ttf",
"/fa-solid-900.bcb927a742a8370b7664.woff",
"/fa-solid-900.fb493903265cad425ccd.woff2",
"/favicon.ico",
"/index.html",
"/main.cbcf9854dbe01b31ca0f.js",
"/polyfills.fab331e3b568bcb25c34.js",
"/runtime.a66f828dca56eeb90e02.js",
"/scripts.8d6556ad089996471ba5.js",
"/styles.e844927534017e9a8be0.css"
],
回答 3
Stack Overflow用户
发布于 2019-07-23 14:06:46
这是我的配置：
"name": "assets",
"installMode": "lazy",
"updateMode": "prefetch",
"resources": {
"files": [
"/assets/**",
"/*.(eot|svg|cur|jpg|png|webp|gif|otf|ttf|woff|woff2|ani)",
"/*-es5*.js"
],
"urls": [
"https://fonts.googleapis.com/**"
]
}Stack Overflow用户
发布于 2018-12-18 20:15:10
在ngsw-config.json文件中，必须在assetGroup中输入整个cdn url /目录路径的fontawesome文件。
这样就可以在第一次加载时缓存它。
Stack Overflow用户
发布于 2019-05-15 16:37:50
对我来说，问题是FA查询中有版本号，因此它导致工作盒而不是缓存它，因为它认为它是另一个资源。
因此，需要设置ignoreURLParametersMatching参数，以便在docs：参数中提供更多信息。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53769929
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号