React + Firebase部署需要清除缓存

时间:2017-08-23 13:29:44

标签: reactjs firebase caching

我刚刚部署了一个使用create-react-app创建的非常基本的响应应用程序,然后构建了应用程序并通过Firebase CLI进行部署。当我在应用程序中更改某些内容然后再次构建和部署它时,我在刷新页面时无法看到网站上的更改。经过一些故障排除后,我发现这是一个缓存问题,浏览器只使用旧版本的文件,而不是重新加载新版本。这是有道理的,因为当我清除缓存(或以隐身模式打开窗口)时,我看到了我所做的更改。

我的问题是这在现实世界的应用程序中如何工作?您无法期望或依赖用户清除其缓存。

2 个答案:

答案 0 :(得分:0)

此问题已在此处得到解答Firebase Hosting: cache busting scripts on deploy您需要在firebase.json中设置缓存标头

答案 1 :(得分:0)

好吧,我正在开发一个PWA。我尝试了这种方法,发现它很有用..

尝试删除 map.js 并重新运行npm run build两次。为什么两次?因为第一个会产生错误,但它还会重建 map.js 文件,该文件实际上对应于 .js 文件的更改。最后firebase deploy应该会为您提供您想要托管的工作网站。 Here's Image of my project files which includes the location of file to be deleted.