reactjs - React-snap 并注册服务工作者

Question

我一直在尝试将 react-snap 与我的 create-react-app 项目集成。我遇到的问题似乎源于 index.js 文件中的 registerServiceWorker() 行。

我观察到的行为是，当存在 registerServiceWorker() 行时，应用程序构建并且我能够正常导航，但预渲染文件仅填充：

<html><head></head><body></body></html>

控制台充满了：

 Failed to load resource: net::ERR_UNKNOWN_URL_SCHEME

当我注释掉 index.js 中的 registerServiceWorker() 行时，react-snap 运行时没有错误并按应有的方式预渲染所有内容，但我无法离开“/”路线。尝试去任何其他路线会自动重新路由我。

我感觉我可能需要对 create-react-app 附带的 registerServiceWorker.js 文件进行一些调整，或者使用 react-snap 更改选项。

我一直在使用 1.21 版的 react-snap 作为参考。

任何有方向的想法都会很棒。

score 1 · Accepted Answer

registerServiceWorker，很可能与您的错误无关，因为 react-snap 默认使用 HTTP （不是 HTTP S）并且 serviceWorkers 不能通过 HTTP 工作。

UPD：实际上 serviceWorker 将通过 HTTP 为 localhost 工作。react-snap 可能应该默认禁用 serviceWorkers

1 回答 1