更新我的渐进式 Web 应用程序时初始加载时出现白屏
White screen on initial load when updating my progressive web app
我正在使用 create react app 并且最近添加了一个 service worker 以使其成为 PWA。这很容易，而且看起来效果很好。但是，现在每当我构建我的应用程序的新版本时，我都会在网站的初始加载时收到以下错误：
我认为问题在于，当我构建我的应用程序时，文件名是随机生成的，并且与旧文件名不匹配。 PWA 正在使用旧 index.html 尝试获取不再存在的旧文件。
解决此问题的最佳方法是什么？
原来是js文件太大，无法预缓存。解决问题的方法有两种：
- 将包拆分成更小的块（每个 <5mb）
- 从创建 React 应用程序中退出并增加 maximumFileSizeToCacheInBytes
您可以在这个 Whosebug 答案中阅读更多内容：
我正在使用 create react app 并且最近添加了一个 service worker 以使其成为 PWA。这很容易，而且看起来效果很好。但是，现在每当我构建我的应用程序的新版本时，我都会在网站的初始加载时收到以下错误：
我认为问题在于，当我构建我的应用程序时，文件名是随机生成的，并且与旧文件名不匹配。 PWA 正在使用旧 index.html 尝试获取不再存在的旧文件。
解决此问题的最佳方法是什么？
原来是js文件太大，无法预缓存。解决问题的方法有两种：
- 将包拆分成更小的块（每个 <5mb）
- 从创建 React 应用程序中退出并增加 maximumFileSizeToCacheInBytes
您可以在这个 Whosebug 答案中阅读更多内容：