Aws Amplify (React PWA) - 更改后清除站点缓存数据

Question

我在 Aws Amplify 上有一个 React PWA 应用程序，每次有存储库更新时，用户都必须执行以下操作：1. 打开 chrome 控制台，2. Go 到应用程序选项卡，3. Go 到存储 4. 清除站点数据 5. 刷新应用。

我注意到每次更新 main.js go 在 404。

有没有办法在新的更改后清除缓存？

公共/serviceWorker.js

if ('serviceWorker' in navigator) {
      window.addEventListener('load', function () {
        navigator.serviceWorker.register('serviceWorker.js').then(function (registration) {
          // Registration was successful
          console.log('ServiceWorker registration successful with scope: ', registration.scope);
        }, function (err) {
          // registration failed :(
          console.log('ServiceWorker registration failed: ', err);
        });
      });
    }

Answer 1

部分解决。 缓存问题已解决，警报未出现。

• 从 index.html 中删除了 js 代码

• 将 serviceWorker 从 public 移到 src

• 在 App.js 中添加了后续代码；

   import * as serviceWorker from "./serviceWorker"; serviceWorker.register({ onUpdate: registration => { alert('New version available;'). if (registration && registration.waiting) { registration.waiting:postMessage({ type; 'SKIP_WAITING' }). } window.location;reload(); } });