Firebase上的React应用：未显示新部署（在浏览器中缓存旧部署）

Question

我使用create-react-app创建了一个反应应用，并将其部署到Firebase：

npm run build && firebase deploy

部署罚款。 问题是，在部署之后，应用程序的先前版本将继续显示在浏览器上 - 就好像浏览器正在缓存整个应用程序一样。

我在这个问题上看到了这个帖子： https://github.com/facebook/create-react-app/issues/1910

我确实需要重置浏览器上的缓存才能获得新版本的应用。 有没有办法使用React应用程序或Firebase控制台禁用应用程序的浏览器缓存，或者至少确保显示最新部署？

Answer 1

我在这里找到了问题的答案：

https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#opting-out-of-caching

问题特定于React.js而不是Firebase。

  

选择退出缓存如果您不想启用服务   在初始生产部署之前的工作人员，然后删除   从src / index.js调用registerServiceWorker（）。

     

如果您之前在生产中启用了服务工作者   部署并已决定您要禁用它们   所有现有用户，您都可以将呼叫换出   首先通过修改服务在src / index.js中注册registerService（）   工人进口：

     

从'./registerServiceWorker'导入{unregister};然后打电话   取消注册（）。用户访问具有的页面后   unregister（），将卸载服务工作者。注意   根据/service-worker.js的服务方式，最多可能需要24小时   缓存无效的小时数。