Angular + Express PWA 504 Gateway



我在使用NodeJS+Express服务器创建PWA angular应用程序时遇到问题。

  • 我正在Express中的静态路径上为我的角度构建提供服务
  • 我在我的Angular应用程序中使用路线
  • 客户端管理加载manifest.jsonngsw-worker.jsngsw.json?ngsw-cache-bust=[RANDOM]和所有其他文件
  • 客户端创建一个SW,并在每次请求时显示此装备图标
  • DevTools禁用缓存复选框已禁用;(

然而,当我在DevTools中选中Offline复选框并刷新页面时,我在请求的路由上得到504,几秒钟后,ngsw-worker.js的请求失败

这是我的PWA应用程序的进步,因为我没有收到恐龙铬页面。

提前感谢!

edit:终于解决了我的相关问题。我的问题是,当我运行我的ng build --prod时。我添加了&& node patch.js来修复构建文件中的一个问题。显然,这把我的服务人员搞砸了。现在我去掉了它,一切都很好。教训是,您不能在生成构建文件夹后再摆弄它。

我有着完全相同的设置,也有着过去几天一直在与之斗争的问题。服务工作者的创建是正确的,我可以看到所有JS块在第一次加载时都被下载了。然而,当我尝试脱机转到联机时尚未加载的页面时,我会遇到同样的504错误。

我试图调查的一个想法是";"裁判";在504请求上没有指向ngsw工作进程。我不确定这是否是Angular PWA Express特有的问题。

最新更新