已解决：已部署到Firebase托管的ReactJS应用程序在首次部署后未更新

Question

希望大家都过得不错，并保持安全。

我一直在尝试使用firebase将我的react应用程序部署到网上，直到我尝试对其进行更新/重新部署之前，一切都进行得很好。它在我的终端上显示✔ Deploy complete!，但我检查了网站，但未显示任何更新。我尝试将以下代码放入firebase.json：

"headers": [
      {
        "source": "/service-worker.js",
        "headers": [
          {
            "key": "Cache-Control",
            "value": "no-cache"
          }
        ]
      }
    ]

但是那没什么改变。我发布该应用程序的步骤如下：

npx create-react-app firebase-test
cd firebase-test
firebase login
firebase init #I only chose hosting, chose to configure as a single-page application, wrote build as my public folder
npm run build
firebase deploy

它显示了第一次部署，但是当我尝试再次部署时，没有看到任何更新。

Answer 1

您的service-worker.js可能仍被缓存，因为您是在首次访问该网站后添加Cache-Control标头的。

这意味着您的浏览器没有尝试再次请求文件，而是从内存中提供文件。即使是标准刷新（CTRL / CMD + R）也无济于事。

[尝试进行强制刷新（CTRL + Shift + R），或在开发人员工具中手动清除应用程序的缓存。您的浏览器将使用正确的service-worker.js标头重新下载Cache-Control，并且不会再出现此问题。

而且，一如既往，请确保在部署之前确实构建了应用程序：）

Answer 2

如果部署完成，并且您看到了说明，但网站未更新，则表明您的应用程序包未更改，请确保在运行deploy命令之前先运行npm run build，然后运行>