Angular Service Worker无法获取SVG文件

时间:2017-12-28 14:22:39

标签: angular typescript svg service-worker angular-service-worker

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

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

我的assets文件夹中有.svg和.png文件。当我为生产构建我的应用程序并第一次访问我的网站时,eveything工作正常,但是一旦我重新加载页面,我在控制台中出现以下错误。

enter image description here

未捕获(承诺)错误:哈希不匹配(cacheBustedFetchFromNetwork)

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

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

我想知道我是否做错了什么,或者是否是Angular Service Worker的问题?

1 个答案:

答案 0 :(得分:3)

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

希望有所帮助