我使用 angular 6 和 @angular/pwa 包构建了一个 PWA。
我一直在尝试解决此问题,但无论我做什么,我都得到了start_url错误。我试过:
- 使用绝对链接
- 确保start_url在软件的范围内(sw 在主文件夹中(
- 使用文件名"/index.html",正如我在这里的其他支持线程中看到的那样。
- 每次清除所有浏览器历史记录和缓存。
- 搜索 @angular/pwa 包上的 Github 问题
- 一般在谷歌上搜索这个PWA问题。
这是我的清单:
{
"name": "BC Doc View",
"short_name": "BCview",
"theme_color": "#1976d2",
"background_color": "#fafafa",
"display": "standalone",
"scope": "/",
"start_url": "/",
在这段代码之后,只有一堆图标,与这篇文章无关。
我对服务辅助角色的配置:
{
"index": "/index.html",
"assetGroups": [
{
"name": "BC Doc View",
"installMode": "prefetch",
"resources": {
"files": [
"/favicon.ico",
"/index.html",
"/*.css",
"/*.js"
]
}
}, {
"name": "assets",
"installMode": "lazy",
"updateMode": "prefetch",
"resources": {
"files": [
"/assets/**"
我使用 ng build --prod 命令的实际生产服务工作者是 2200 行代码,所以我认为在这里发布它无关紧要。
不知道我错过了什么。
我已经为这个错误哭了 3 个小时,在我在这里发布几分钟后,我找到了解决方案。
我一直在开发子域中对其进行测试并像 subdomain.domain.com/folder 一样访问它
一旦我把所有东西都放在主文件夹中,我就会得到 100 的 PWA 分数。
https://i.stack.imgur.com/BsYBL.png
不过,我还没有优化性能。