Проблема добавления Laravel PWA Service Worker

Question

Я работаю над прогрессивным веб-приложением laravel.Я инициирую работника службы в app.js.Мой рабочий файл находится в директории ./public.его имя service-worker.js.

, но проблема заключается в том, что когда я запускаю приложение на локальном хосте, в консоли отображается следующая ошибка:

"uncaught (в обещании)DOMException: не удалось зарегистрировать ServiceWorker: сценарий имеет неподдерживаемый тип MIME ('text / plain')."

Так как я могу решить эту проблему, пожалуйста, сообщите мне.в app.js я включил следующий код:

if ('serviceWorker' in navigator)
{
    window.addEventListener('load', function() {
                 navigator.serviceWorker.register('/service-worker.js');
    });
}

Answer 1

Если вы используете nginx для обслуживания своего проекта, то добавьте это в блок сервера, это может решить проблему:

location ~ \.js {
     add_header  Content-Type    application/x-javascript;
}

В противном случае, если вы используете apache, укажите это в httpd.conf (также убедитесь, что у вас есть mod_mime ):

AddType text/javascript .js

Это может решить вашу проблему, как правило, если вы не включите настройки MIME в настройках своего сервера, вы можете столкнуться с этими проблемами. Я предлагаю сначала проверить настройки вашего сервера.

Answer 2

Проверьте ваши запросы в сети, эта ошибка появляется, когда вы неправильно загружаете файл service-worker.js.

Убедитесь, что вы действительно можете получить доступ к файлу service-worker.js по URL, который вызапрашивают