Angular Service Worker 无法获取 SVG 文件

Question

我在我的 Angular 应用程序中使用服务工作者。正如我的 ngsw-config.json 文件中所声明的那样，我的资产文件夹中的所有文件都已缓存。

{
    "name": "assets",
    "installMode": "lazy",
    "updateMode": "prefetch",
    "resources": {
      "files": [
        "/assets/**"
      ]
    }
}

我的资产文件夹中有 .svg 和 .png 文件。当我构建用于生产的应用程序并首次访问我的网站时，一切正常，但是一旦我重新加载页面，我的控制台就会出现以下错误。

未捕获（承诺）错误：哈希不匹配 (cacheBustedFetchFromNetwork)

此问题仅在浏览器尝试获取 .svg 文件时出现。它适用于 .png 文件

我将所有 .svg 文件加载到 <img> 标签中。

不知是我哪里做错了，还是AngularService Worker的问题？

Answer 1

我有同样的问题，考虑使用内联的 svg 文件而不是那样： <img src="assets/imgs/img.svg" />

希望对您有所帮助

Angular Service Worker 无法获取 SVG 文件

Angular Service Worker can't fetch SVG files

svg

typescript

service-worker

angular

angular-service-worker