微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

带有 React 版本 17.x.x 的 PWA

如何解决带有 React 版本 17.x.x 的 PWA

在 ReactJS 16.x.x 版本中,只需更改即可轻松制作渐进式 Web 应用程序

serviceWorker.unregister()

// to

serviceWorker.register()

但是当我安装立即使用的 React v 17.0.1 时,我在那里找不到 serviceWorker 文件,但我找到了一个 reportWebVitals 文件,用于衡量您的应用程序的性能。有没有办法让我的 v17.x.x 的 React 应用程序成为 PWA?

与此同时:我已将 serviceWorker.js 文件复制回我的工作区并注册了该应用程序,但失败并显示错误消息
Error during service worker registration: DOMException: Failed to register a ServiceWorker for scope ('MyWebsiteURL') with script ('MyWebsiteURL/service-worker.js'): The script has an unsupported MIME type ('text/html').

解决方法

npx create-react-app project-name --template cra-template-pwa

需要添加参数 --template cra-template-pwa,因为自 CRA 4 发布以来,该工具不提供内置服务工作者。上面提到的参数创建了一个带有 Service Worker 的应用程序。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。