Не может пройти тест Lighthouse PWA Chrome, даже если зарегистрированы сервисные работы - PullRequest
Новая
       45

Не может пройти тест Lighthouse PWA Chrome, даже если зарегистрированы сервисные работы

0 голосов
/ 24 марта 2020

Я создаю прогрессивное веб-приложение, связанное веб-пакетом, в котором используются сервисные работники, созданные с помощью workbox. Однако, когда я запустил Chrome Lighthouse в веб-приложении, он жалуется, что:

  • Текущая страница не отвечает 200, когда в автономном режиме
  • start_url не отвечает с 200 в автономном режиме
  • Не регистрирует сервисного работника, который управляет страницей и start_url

Еще больше беспокоит то, что, хотя это веб-приложение работает как PWA на моем Windows рабочем столе, оно не работает на Android Chrome, так как опция «Добавить на главный экран» не появляется.

Ссылка на веб-приложение: https://alienkevin.github.io/try-elm-rust-pwa/

Ссылка на полное репо: https://github.com/AlienKevin/try-elm-rust-pwa/tree/master

Вот лог-сообщение, подтверждающее, что работник сервиса зарегистрирован: service worker log

Вот мой webpack.config. js: 

const CopyWebpackPlugin = require("copy-webpack-plugin");
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const workboxPlugin = require('workbox-webpack-plugin');
const path = require('path');

module.exports = {
  entry: "./bootstrap.js",
  output: {
    path: path.resolve(__dirname, "dist"),
    filename: "bootstrap.js",
  },
  mode: "development",
  plugins: [
    new CleanWebpackPlugin(),
    new CopyWebpackPlugin(['index.html', '*.ico', '*.png', 'manifest.json']),
    new workboxPlugin.GenerateSW({
      swDest: 'sw.js',
      clientsClaim: true,
      skipWaiting: true,
    }),
  ],
};

Вот мой manifest.json: 

{
  "short_name": "try-elm-rust-2",
  "name": "try-elm-rust-2",
  "icons": [
    {
      "src": "./android-chrome-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "./android-chrome-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ],
  "start_url": "./index.html",
  "display": "standalone",
  "theme_color": "#f74c00",
  "background_color": "#ffffff"
}

Мне известно о подобной проблеме # 6342 в Маяк, но образец, который они предоставили, не помог мне.

...