当我更新我的网站时，运行 npm run build 并将新文件上传到服务器我仍然在寻找我网站的旧版本。
如果没有 React，我可以通过缓存破坏查看我网站的新版本。我这样做：
上一个文件
<link rel="stylesheet" href="/css/styles.css">
新文件
<link rel="stylesheet" href="/css/styles.css?abcde">
我该如何做这样的事情或使用 create react app 实现缓存破坏？
create react app 的 GitHub 中有很多关于此的主题，但没有人有正确/简单的答案。
编辑：create-react-app v2 现在默认禁用 service worker
此答案仅适用于 CRA v1
这可能是因为您的网络工作者。
如果您查看 index.js 文件，您可以看到
registerServiceWorker();
从来没有想过它做了什么？如果我们看一下它从中导入的文件，我们可以看到
// In production, we register a service worker to serve assets from local cache.
// This lets the app load faster on subsequent visits in production, and gives
// it offline capabilities. However, it also means that developers (and users)
// will only see deployed updates on the "N+1" visit to a page, since previously
// cached resources are updated in the background.
// To learn more about the benefits of this model, read {URL}
// This link also includes instructions on opting out of this behavior.
如果要删除 Web Worker，请不要只删除该行。导入 unregister 并在您的文件中调用它而不是在 register 中调用它。
import { unregister } from './registerServiceWorker';
然后打电话
unregister()
PS 注销后，至少需要刷新一次才能生效
我在使用create-react-app( 并部署到 heroku )时遇到了同样的问题。它一直显示我的应用程序的旧版本😡。
我发现问题似乎出在浏览器端，它index.html用过时的 js 包缓存了我的旧文件
您可能希望将以下内容添加到您的服务器端响应标头中
"Cache-Control": "no-store, no-cache"
或者，如果您也在使用 heroku create-react-app-buildpack，请更新static.json文件
"headers": {
"/**": {
"Cache-Control": "no-store, no-cache"
}
}
我觉得这样你还可以留住那个可怜的service worker😂，并且在N+1加载时会显示最新的内容（第二次刷新）
希望这可以帮助...
正如这里之前的一些答案所提到的，在查看旧版本的 React 应用程序时，服务工作者和（缺乏）缓存标头都可能与您共谋。
React 文档在谈到缓存时声明如下：
使用
Cache-Control: max-age=31536000你的build/static资产，以及Cache-Control: no-cache其他一切是确保你的用户的浏览器会经常检查更新的安全和有效抓手index.html文件，将缓存所有的build/static文件为一年。请注意，您可以build/static安全地使用一年到期，因为文件内容哈希已嵌入到文件名中。
正如@squarism 所提到的，旧版本的 create-react-app 默认选择退出服务工作者注册，而新版本则选择加入。您可以在官方文档中阅读更多相关信息。如果您从旧版本的 create-react-app 开始并且想切换到新行为，那么将您的配置与最新模板相匹配是一个非常简单的过程。
相关问题：
似乎他们在服务工作者方面从选择退出变为选择加入。这是更改自述文件的提交，它的示例类似于 Kerry G 的回答：
如果您的问题是在 index.html 中静态引用的资源，例如 .css 文件或其他 .js 文件（例如配置文件），您可以声明一个 React 环境变量，为其分配一个唯一值并在您的索引中引用它。 .html 文件。
在您的构建脚本 (bash) 中：
REACT_APP_CACHE_BUST={e.g. build number from a CI tool} npm run build
在你的 index.html 中：
<link rel="stylesheet" href="%PUBLIC_URL%/index.css?cachebust=%REACT_APP_CACHE_BUST%" />
变量名必须以 REACT_APP_ 开头。更多关于 React 中的环境变量：https : //facebook.github.io/create-react-app/docs/adding-custom-environment-variables。