Android 10 上的 Chrome 85 打破了 PWA？答案

【问题标题】：Chrome 85 on Android 10 breaks PWA?Android 10 上的 Chrome 85 打破了 PWA？
【发布时间】：2021-01-25 08:28:33
【问题描述】：

最近我注意到我的 PWA 不再适用于 Android 10 上的 Chrome 85.0.4183.127。我使用 React lazy() 加载和 Webpack 4 使用代码拆分。

导航到延迟加载资源时，我在 Android 10 上安装的 PWA 报告

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

上述错误消息中 0.bundle.js 的位置不正确。正确的路径 /dist/0.bundle.js 在 index.js 和 serviceWorker.js 中定义，但 Chrome 似乎正在寻找根目录。我已清除缓存并更新 service worker 无济于事。

在我的台式计算机（Windows 10 x64）上安装 PWA 时 - Chrome 版本 86.0.4240.75（官方构建）（64 位）一切都很好！资源按预期加载！

我该如何解决这个问题？

亲切的问候 /K

【问题讨论】：

【解决方案1】：

总结：

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

更新 webpack.config.js 中的 output.publicPath 解决了我的问题！现在网站和 PWA 可以正常工作了！

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

【讨论】：