私は使用していますReactアプリを作成すると急行サーバ。
create-react-app
ローカルアセットをキャッシュする事前設定されたServiceWorkerがあります(https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#プログレッシブウェブアプリの作成)。
サーバーに公開しようとしたときに発生した問題は、ファイルはservice-worker.js
利用可能であったものの、それを登録しようとしたときにブラウザ コンソールにエラーが表示されたことです。
Firefox では、次のエラーが発生しました:
サービスワーカー登録中にエラーが発生しました:
https://example.com/service-worker.js
TypeError:スコープの ServiceWorker スクリプトでhttps://example.com/
インストール中にエラーが発生しました。
Chrome では、より説明的なエラーが表示されます。
サービス ワーカーの登録中にエラーが発生しました: DOMException: ServiceWorker の登録に失敗しました: スクリプトにサポートされていない MIME タイプ ('text/html') があります。
確かに、開発者ツールの [ネットワーク] タブでファイルを検索するとservice-worker.js
、HTTP ヘッダーの MIME タイプが間違っていることがわかります。
しかし、なぜ MIME タイプが間違っているのか理解できませんでした。