在gh页上托管Angular 7的PWA问题

Question

我创建了一个有角度的应用程序https://github.com/tavishaggarwal/Profiler/tree/dev 我已经在应用程序上启用了服务工作者。

在测试我的网站时，使其在http-server上脱机，它可以使用所有脱机功能正常工作。

但是当我将我的网站部署在GitHub页面（https）域上时。 https://tavishaggarwal.com/，并且我正试图使我的网站离线，它返回504错误。

我用来构建应用程序的命令：

ng build --prod --base-href "https://tavishaggarwal.com/"

在Chrome开发者工具的应用程序标签中查看时，我可以看到我的应用程序已成功在Service Worker中注册。

请帮助我了解我在这里做错了什么。

Answer 1

我正在输入有关如何执行此操作的帖子。 我的部署脚本看起来像这样npx ng build --prod --base-href '/' && echo "<custom-domain.tld>" > dist/<project-name>/CNAME && npx ngh --dir=dist/<project-name> 发现每次使用ngh进行部署时，都需要指定dist/<project>文件夹，并添加一个CNAME文件以使用自定义域。