Работник службы Angular показывает ошибки - PullRequest
1 голос
/ 08 октября 2019

Я следую этому угловому руководству для работников сферы обслуживания и дословно, по крайней мере, 6 раз.

Я следовал этому уроку https://www.youtube.com/watch?v=5YtNQJQu31Y, а также этомуhttps://www.youtube.com/watch?v=othhfZ0mGjU&t=464s чтобы увидеть, есть ли какие-либо варианты.

Все работает хорошо, однако, когда я перехожу в автономный режим и обновляю, я получаю ошибки на изображении ниже.

Я искалпо всей сети, но не могу понять, почему это произойдет.

Как видите, изображения и шрифты загружаются в автономном режиме, поэтому он выполняет свою работу, эти элементы находятся в моей конфигурации, но почему возникают ошибки для manifest.webmanifest?

Я использую http-сервер на дистрибутиве для тестирования.

Почему это частично работает?

Я гуглил 504 тайм-аут шлюза (от serviceworker) угловой , но я не могу понять это. Я, вероятно, упускаю что-то очевидное, поскольку я смотрю на это целую вечность.

Любая помощь приветствуется.

У меня это как ngsw-config.json

{
  "$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"
        ],
        "urls": [
          "https://fonts.googleapis.com/css?family=Roboto:300,400,500",
          "https://fonts.gstatic.com/**"
        ]
      }
    }, {
      "name": "assets",
      "installMode": "lazy",
      "updateMode": "prefetch",
      "resources": {
        "files": [
          "/assets/**",
          "/*.(eot|svg|cur|jpg|png|webp|gif|otf|ttf|woff|woff2|ani)"
        ]
      }
    }
  ]
}

enter image description here

1 Ответ

1 голос
/ 09 октября 2019

Когда я смотрю на уроки, которые вы указали, я не вижу файлы манифеста. Я бы попробовал добавить:

"/*.webmanifest"

в ваш список принятых файлов

еще одно решение исходит от этого сайта

, куда вам нужно добавитьв angular.json в свойстве assets ссылка на ваш файл и добавление в качестве ссылки тега <link> на файл манифеста

...