React и Serviceworker (Workbox) - PullRequest
Новая
       10

React и Serviceworker (Workbox)

0 голосов
/ 24 мая 2018

Я m trying to figure out how I can combine my react app with workbox as my serviceworker. No matter what I делаю, я всегда получаю одну и ту же ошибку, пытаясь зарегистрировать мой сервисный работник.

Uncaught (в обещании) DOMException: Не удалось зарегистрировать ServiceWorker: скрипт не поддерживаетсяТип MIME ('text / html').

После того, как я провел некоторое исследование, оказалось, что большинство решений было вызвано средой разработки.Это правда?И если да, то как я могу зарегистрировать работника по обслуживанию, особенно рабочую, в среде разработчика.

Мой фрагмент кода внутри моего index.js 

if( 'serviceWorker' in navigator ) {
   console.log("Supported!")
   navigator.serviceWorker
                   .register( 'sw.js' , { scope : ' ' } )
                   .then( function( ) {
                       console.log('Congratulations!!Service Worker Registered');
                   })
                   .catch( function() {
                       console.log(`Aagh! Some kind of Error :- `);
                   });
} else {
console.log("Not supported")
}

В моем sw.js нет ничего больше, чем простой console.log

1 Ответ

0 голосов
/ 24 мая 2018

Пара вещей, которые нужно проверить: 1) create-Reaction-app теперь создала приложение PWA из коробки (с файлами SW и manifest.json).Убедитесь, что вы не конфликтуете с файлами, созданными этим.Я бы порекомендовал использовать то, что поставляется «из коробки», если у вас нет явной причины использовать Workbox, который должен работать с любым фреймворком / без фреймворка, попробуйте то, что поставляется изначально.

2) Убедитесь, что у вас работаетприложение на сервере, который поддерживает HTTPS (с сертификатом) и работника службы.

...