我有一个Angular 8应用程序，我运行这个命令试图设置PWA功能：
$ ng add @angular/pwa --project my-app
从那里，文件似乎是按照您对PWA的期望设置的，就像这里描述的那样。
开发中没有错误。
然而，我现在已经将该应用程序投入生产，通过AWS Amplify托管，我认为这种添加PWA功能的尝试造成了问题。
一旦浏览器加载了生产应用程序，它就会被该版本的应用程序"卡住"。例如，我的chrome浏览器仍然加载了几天前的第一个版本的应用程序，尽管从那以后我已经在放大版上多次更新了该应用程序。这种情况也发生在其他浏览器上，比如移动safari。
当它加载旧版本时，它在检查器中显示以下错误：
Manifest: Line: 1, column: 1, Syntax error.
因此，在某种程度上，AWS在PWA功能方面进展不顺利。对此有已知的解决方案吗？
这个应用程序正在生产中，所以我非常感谢您的帮助。
更多详细信息：
为了获得更多的背景信息，我的index.html包括以下内容：
<link rel="manifest" href="manifest.webmanifest">
在app/src文件夹中，是manifest.webmanifest:
{
"name": "My App",
"short_name": "My App",
"theme_color": "#1976d2",
"background_color": "#fafafa",
"display": "standalone",
"scope": "./",
"start_url": "./",
"icons": [
{
"src": "assets/icons/icon-72x72.png",
"sizes": "72x72",
"type": "image/png"
},
{
"src": "assets/icons/icon-96x96.png",
"sizes": "96x96",
"type": "image/png"
},
{
"src": "assets/icons/icon-128x128.png",
"sizes": "128x128",
"type": "image/png"
},
{
"src": "assets/icons/icon-144x144.png",
"sizes": "144x144",
"type": "image/png"
},
{
"src": "assets/icons/icon-152x152.png",
"sizes": "152x152",
"type": "image/png"
},
{
"src": "assets/icons/icon-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "assets/icons/icon-384x384.png",
"sizes": "384x384",
"type": "image/png"
},
{
"src": "assets/icons/icon-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
]
}
我还将注意到，从一开始在Amplify上运行Angular应用程序就产生了一些问题。首先需要添加以下内容才能使应用程序正常工作：
重写和重定向：
源地址
</^[^.]+$|.(?!(css|gif|ico|jpg|js|png|txt|svg|woff|map|json|mp3|tff)$)([^.]+$)/>
目标地址
/index.html
类型
200 (Rewrite)
正如我在问题中所指出的，为了让Amplify与Angular一起工作，我必须添加一个重定向，如下所示：
源地址
</^[^.]+$|.(?!(css|gif|ico|jpg|js|png|txt|svg|woff|map|json|mp3|tff)$)([^.]+$)/>
目标地址
/index.html
类型
200 (Rewrite)
结果似乎是Amplify将重定向清单文件(该文件不在"源地址"下的文件类型组中(，因此清单文件根本不会显示任何内容。
我将webmanifest文件类型添加到组中，现在它似乎工作正常，没有错误：
源地址
</^[^.]+$|.(?!(css|gif|ico|jpg|js|png|txt|svg|woff|woff2|map|json|mp3|tff|webmanifest)$)([^.]+$)/>
目标地址
/index.html
类型
200 (Rewrite)