最近我注意到我的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.js
和serviceWorker.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