如何在 CRACO Webpack 应用程序中添加对 Web Worker 的支持？

如何解决如何在 CRACO Webpack 应用程序中添加对 Web Worker 的支持？

我想在我的 React 应用中利用网络工作者。我决定使用 threads 作为我的支持库。

为了使其与 webpack bundle threads-plugin 一起运行，必须包含在内。我碰巧使用了 CRACO，所以我仍然可以修改我的 webpack 配置。

在 craco.config.js 中，我将插件添加到我的 webpack 对象中

webpack: {
        plugins: {
            add: [new ThreadsPlugin()]
        }
}

我的工作人员被引用为

const worker = new Worker('./workers/auth',{ type: 'module' });

我在这条线上看到的错误是

Failed to load module script: The server responded with a non-JavaScript MIME type of "text/html". Strict MIME type checking is enforced for module scripts per HTML spec.

也许最值得注意的是，它似乎试图将 worker 引用为 URL，而不是捆绑应用程序中的路径。

:3000/workers/auth:1 

这是否意味着 ThreadsPlugin 没有被捆绑和使用？我可以采取哪些方法来收集有关该问题的更多见解？

---

编辑

我通过日志确认 threads-plugin 库确实由我的 webpack 配置初始化。库 WorkerPlugin.prototype.apply 的大部分似乎没有触发。

探索我可能在设置中遗漏了一个步骤，问作者。 More details here。