Reactjs 获取我以前的捆绑包的用户

我的制作网站有问题

当用户在建立网站后进入我的网站时，他们会看到一个白色的屏幕。

---

我在开发工具上看到网站试图加载旧的bundle.js文件，我不明白为什么（兑现被关闭）

这看起来像是一个运行服务人员的问题

service worker是一个API，它可以缓存您的资产和其他文件，这样当用户脱机或网络速度较慢时，他仍然可以看到您的网站

React会在默认情况下为您创建一个服务工作者，而无需您的配置，因此这就是用户进入您的网站并获取以前捆绑包的原因

只需将其放入您的应用程序中，以便下次用户进入您的网站时，服务人员将被终止

import { unregister } from './registerServiceWorker';

// ....

unregister();

---

这看起来像是运行服务人员的问题

service worker是一个API，它可以缓存您的资产和其他文件，这样当用户脱机或网络速度较慢时，他仍然可以看到您的网站

React会在默认情况下为您创建一个服务工作者，而无需您的配置，因此这就是用户进入您的网站并获取以前捆绑包的原因

只需将其放入您的应用程序中，以便下次用户进入您的网站时，服务人员将被终止

import { unregister } from './registerServiceWorker';

// ....

unregister();

---

假设您正在使用webpack生成构建并希望也能工作，您可以：

将哈希添加到生成的bundle中。然后，您的网页包配置可能如下所示：

{
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: "[name].[chunkhash].js",
    },
}

不要缓存您的

index.html

，它包含导入的已更新散列名为bundle的

---

这将使您能够轻松缓存生成，并且只要哈希名称中有更新，就只能获取新的捆绑包。

如果您使用webpack生成生成并希望也能工作，您可以：

将哈希添加到生成的bundle中。然后，您的网页包配置可能如下所示：

{
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: "[name].[chunkhash].js",
    },
}

不要缓存您的

index.html

，它包含导入的已更新散列名为bundle的

---

这将使您能够轻松缓存生成，并且仅在哈希名称中有更新时才获取新的捆绑包。

这是否违背了将服务人员放在首位的目的？这是否违背了将服务人员放在首位的目的？您是否使用Webpack？还有webpackHTML插件？你在用Webpack吗？还有网页HTML插件？