除非刷新页面，否则React loadable无法在每个新构建上加载组件

Posted 2021-04-28

我有一段时间以来一直面临这个问题，当我在生产中创建新版本时，除非我刷新页面，否则我会收到加载错误。 服务工作者正在更新，但不知道发生了什么。

我一直在使用以下包

1. 反应过来创建应用内
2. 反应可装载
3. 服务工作者来到create-react-app

我甚至在nginx忽略缓存中添加了service-worker.js

任何帮助将不胜感激。

这是我导入组件的方式

{
    path: '/products/create',
    name: 'Products Create',
    exact: true,
    auth: true,
    component: Loadable({
      loader: () => import('./pages/update'),
      loading: LoadingComponent,
    }),
  },

webpack正在正确地创建块并在创建新构建时更新service-worker.js。

如果我禁用了服务工作者，那么它会继续从缓存中提供旧代码，直到我清除它为止。

但是当我启用服务工作者时，它会继续加载我的错误组件，直到我刷新页面。