Angular 角度PWA应用程序基本问题

Angular 角度PWA应用程序基本问题,angular,progressive-web-apps,Angular,Progressive Web Apps,我在角度PWA应用程序中遇到了非常基本的问题。一旦缓存,应用程序在刷新时甚至脱机时都无法访问 我已经在一个简单的应用程序中详细介绍了它 下载了基本的Angular 6示例() 通过运行it ng add@angular/PWA添加了最新的PWA支持 ng构建——prod 已在my github repo上上载dist文件夹内容 (vimmubansal.github.io) 现在检查应用程序上 几秒钟后(当应用程序被缓存时),请刷新应用程序,然后您将看到“无法访问此网站”或处于脱机状态。您将无法

我在角度PWA应用程序中遇到了非常基本的问题。一旦缓存,应用程序在刷新时甚至脱机时都无法访问

我已经在一个简单的应用程序中详细介绍了它

  • 下载了基本的Angular 6示例()
  • 通过运行it ng add@angular/PWA添加了最新的PWA支持
  • ng构建——prod
  • 已在my github repo上上载dist文件夹内容
    (vimmubansal.github.io)
  • 现在检查应用程序上
  • 几秒钟后(当应用程序被缓存时),请刷新应用程序,然后您将看到“无法访问此网站”或处于脱机状态。您将无法获得应获得的缓存应用程序 注意:但在隐姓埋名模式下,它工作正常,没有此类问题

    请帮忙

  • 确保您的web应用仅在浏览器的一个选项卡中运行(如果存在,请关闭任何其他选项卡)

  • 关闭镀铬工具


  • 运行应用程序使用“http server-p 8080-c-1 dist”命令时,您可以为angular安装http server,并在浏览器中使用链接

    转到链接:

    在angular CLI中运行命令:
    ng add@angular/pwa

    转到下面的链接


    哦,这是个奇怪的问题!这可能不会有什么帮助,但是你的应用程序中有没有使用HTTP(而不是https)硬编码的内容?我看到一些混合内容错误是你的应用@/仪表板的根吗?我不确定这是否会解决它,但您可能希望尝试将其放入angular.json文件中。这里没有编写代码。我在任何PWA应用程序中都会遇到这个问题。无法理解为什么同一个应用程序在匿名模式下工作正常,但在正常模式下出现故障。应用程序是角度教程的标准示例。仪表板是默认路径。这可能会有所帮助。尝试将.htaccess文件部署到根文件夹,如下所述: