Fatal编程技术网
  • reactjs/
  • Reactjs 安卓10上的Chrome 85打破了PWA？

Reactjs 安卓10上的Chrome 85打破了PWA？

reactjs google-chrome

Reactjs 安卓10上的Chrome 85打破了PWA？,reactjs,google-chrome,progressive-web-apps,Reactjs,Google Chrome,Progressive Web Apps,最近我注意到我的PWA不再在Android 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的位置不正确。正确的路径/dist/0.bundle.j

最近我注意到我的PWA不再在Android 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的位置不正确。正确的路径
/dist/0.bundle.js
在
index.js
和
serviceWorker.js
中定义，但Chrome似乎在根目录中查找。 我已清除缓存并更新了服务人员，但没有结果

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

我怎样才能解决这个问题

亲切问候/K

我发现这篇文章包含了我问题的解决方案：

总之：

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

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

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