安卓10上的Chrome 85打破了PWA



最近我注意到我的PWA不再在安卓10上的Chrome 85.0.4183.127上工作。我使用React lazy((load和Webpack 4进行代码拆分。

当导航到懒惰加载的资源时,我在Android 10上安装的PWA报告

ChunkLoadError: Loading chunk 0 failed.
(missing: https://example.com/0.bundle.js)

上述错误消息中0.bundle.js的位置是不正确。在index.jsserviceWorker.js中定义了正确的路径/dist/0.bundle.js,但Chrome似乎在寻找根路径。我已经清除了缓存并更新了服务人员,但没有成功。

在我的台式电脑(Windows 10 x64(-Chrome版本86.0.4240.75(官方版本((64位(上安装PWA时,一切都很好!资源按预期加载!

我该如何解决这个问题?

问候/K

我发现这篇文章包含了我的问题的解决方案:Webpack代码拆分';加载区块失败';错误错误的文件路径

结论:

这是因为output.publicPath默认为/。只是更新[webpack.config.js选项]output.publicPath指向希望它是=>dist/。

更新webpack.config.js中的output.publicPath解决了我的问题!现在网站和PWA工作如预期!

一个好的做法似乎是始终在配置中包含output.publicPath,以防止出现可能的问题。问候/K

相关内容

  • 没有找到相关文章

最新更新