-2

我将 PWA 添加到 Angular 中的应用程序中

我建立了一个生产项目

当我运行应用程序(在服务器上)时,PWA 不起作用

缓存存储为空

有什么问题?

{
  "$schema": "./node_modules/@angular/service-worker/config/schema.json",
  "index": "/index.html",
  "assetGroups": [
    {
      "name": "app",
      "installMode": "prefetch",
      "resources": {
        "files": [
          "/favicon.ico",
          "/index.html",
          "/*.css",
          "/*.js"
        ]
      }
    }, {
      "name": "assets",
      "installMode": "lazy",
      "updateMode": "prefetch",
      "resources": {
        "files": [
          "/assets/**",
          "/*.(eot|svg|cur|jpg|png|webp|gif|otf|ttf|woff|woff2|ani)"
        ]
      }
    }
  ]
}

在此处输入图像描述

dist/(生产)

在此处输入图像描述

在此处输入图像描述

在此处输入图像描述

4

1 回答 1

1

我创建了一篇关于使用 Angular 创建 PWA 项目的分步文章。您可以按照它查看您的案例中缺少什么。本文还介绍了 Github 中的一个 Angular 项目,您可以将其用作起点。

您需要安装并运行 service worker 才能缓存任何内容。

于 2019-11-02T14:59:50.223 回答