用户获得我以前的包

Question

我的制作网站有问题。

当用户进入我的网站建设后，他们得到一个白色的屏幕。我在开发工具上看到网站试图加载旧的bundle.js文件，我不明白为什么(兑现)

Answer 1

这看起来像是运行中的服务工作者的问题。

服务工作者是一个API，它缓存您的资产和其他文件，所以当用户离线或网络缓慢时，他仍然可以看到您的网站。

默认情况下，React会在没有配置的情况下为您创建一个服务工作人员，所以这就是用户进入您的网站并获得之前的包的原因。

只要把这个放到你的应用程序中，下次用户进入你的网站时，服务人员就会被终止。

import { unregister } from './registerServiceWorker';

// ....

unregister();

• 服务工作者
• 服务工作者，Google基础

Answer 2

假设您使用webpack生成构建并希望缓存(与服务工作者一起)也能工作，您可以：

1. 将散列添加到生成的包中。那么，您的webpack配置可能如下所示： { path: path.resolve(__dirname，'dist')，文件名："name.chunkhash.js"，} 在这里阅读更多关于它的内容。。
2. 不要缓存index.html，它包含更新的哈希命名包的<script>导入。

这将使您能够轻松地缓存您的构建，并且只在哈希名称中有更新时获取新的包。