如何从 webpack 中的内存缓存加载 Web Worker

Question

我用

create-react-app

创建了我的应用程序，它使用

[email protected]

.

我有一个 web worker，按照 https://webpack.js.org/guides/web-workers/

上的指导加载如下

export function createWorker() {
  return new Worker(new URL('../worker/my-worker.ts', import.meta.url));
}

这工作得很好，除了一个警告：当没有互联网连接时它总是失败，即使工作人员已经在缓存中。这打破了我的应用程序的离线体验。

在网络日志中，我可以看到我们总是发送网络请求来检查更新的工作块。服务器将回复 304 NOT MODIFIED，之后它可以正常工作。但是，如果无法访问服务器，则不会加载脚本，我们就会失败。其他块从内存缓存中正确提供，无需调用服务器。