仍然没有找到硬编码的清单启动URL？

Question

我正在尝试将WordPress主题设置为渐进式Web应用程序。当我运行Chromes Audit工具（灯塔？）时，我得到一个无法解释的错误，我不知道究竟是什么问题。错误是：

  

失败：服务工作者未成功提供清单start_url。无法通过服务工作者

获取启动URL

我已经硬编码了我的启动网址，这是一个有效的网址。关于问题可能是什么建议？

https://mywebsite.com/wp-content/themes/mytheme/web.manifest：

  ...
  "scope": "/",
  "start_url": "https://mywebsite.com",
  "serviceworker": {
    "src": "dist/assets/sw/service-worker.js",
    "scope": "/aw/",
    "update_via_cache": "none"
  },
  ...
}

https://mywebsite.com/wp-content/themes/mytheme/dist/assets/sw/service-worker.js：

...
// The fetch handler serves responses for same-origin resources from a cache.
// If no response is found, it populates the runtime cache with the response
// from the network before returning it to the page.
self.addEventListener('fetch', event => {
  // Skip cross-origin requests, like those for Google Analytics.
  if (event.request.url.startsWith(self.location.origin)) {
    event.respondWith(
      caches.match(event.request).then(cachedResponse => {
        if (cachedResponse) {
          return cachedResponse;
        }

        return caches.open(RUNTIME).then(cache => {
          return fetch(event.request).then(response => {
            // Put a copy of the response in the runtime cache.
            return cache.put(event.request, response.clone()).then(() => {
              return response;
            });
          });
        });
      })
    );
  }
});

我使用以下代码注册我的SW，并输出已成功注册SW：

if ('serviceWorker' in navigator) {
  navigator.serviceWorker.register(Vue.prototype.$ASSETS_PATH + 'sw/service-worker.js')
  .then(function(registration) {
    console.log('Registration successful, scope is:', registration.scope);
  })
  .catch(function(error) {
    console.log('Service worker registration failed, error:', error);
  });
}

Answer 1

请将您的start_url更改为

 "start_url": "/"

它必须是一个相对的网址。请参阅documentaion