Javascript 如何在npm模块上使用web worker

我正在编写一个JavaScript库，并且正在使用一个web worker。我正在使用webpack（带有worker loader）创建我的构建。 图书馆一切正常

webpack.config.js

{
测试：/app.worker.ts$/，
包括：[
解析（uu dirname，'src/'））
],
使用：[
{
加载器：“巴别塔加载器”，
},
{
加载器：“工作加载器”，
选项：{
名称：“app.worker.js”，
}
}
]
}

这将产生：

/dist/app.bundle.js // my main library build
/dist/app.worker.js // my worker build

当我尝试在react应用程序上导入我的库时，我的库会尝试按如下方式加载worker：

http://localhost:3000/dist/app.worker.js

。 这显然会失败，因为它位于

节点\u模块/../dist/app.worker.js

中

我可能没有正确使用worker loader

---

谢谢你的帮助

好的，我刚发现问题。 我不知道为什么，但问题与纱线链接有关。如果我将我的package.json中的

链接：

替换为

文件：

，我就不会再有问题了

另一个（非最佳）解决方案是使用inline:true

有人知道纱线链接的解决方案或解决方法吗？

---

谢谢

好的，我刚刚发现了问题。 我不知道为什么，但问题与纱线链接有关。如果我将我的package.json中的

链接：

替换为

文件：

，我就不会再有问题了

另一个（非最佳）解决方案是使用inline:true

有人知道纱线链接的解决方案或解决方法吗？

---

谢谢

你能详细说明一下吗？我也有同样的问题，但我使用的是npm，我的package.son中没有任何

链接
属性。当你说使用
inline:true
时，你的意思是在
工作者加载器的选项中吗？你能详细说明一下吗？我也有同样的问题，但我使用的是npm，我的package.son中没有任何
链接
属性。当您说使用
inline:true
时，您的意思是在
工作者加载程序的选项中吗？