Javascript 添加工作加载程序时出现模块未找到错误

我正在开发我的vue应用程序，并尝试添加worker loader。这些是我经过的车站。我增加了工人装载机使用纱线

yarn add worker-loader

main.js

import Worker from "worker-loader!./Worker.js";

environment.js

environment.loaders.append('worker-loader', {
  test: /\.worker\.js$/,
  use: [{ 
    loader: "worker-loader"
  }],
});

module.exports = environment;

我得到的错误是

Module not found: Error: Can't resolve './Worker.js' in '/Users/app/javascript/packs/home'

请让我找出哪里出了问题，并帮助我安装worker loader。

尝试更换

从“Worker loader.”/Worker.js导入Worker；

用这个

从“/file.Worker.js”导入工作者；
const worker=新的worker（）；
worker.postMessage（{a:1}）；
worker.onmessage=函数（事件）{}；
addEventListener（“消息”，函数（事件）{}）；

如果这不起作用，我已经成功地将前一行改为

从“Worker loader！”导入Worker/file.worker.js'；

---

从这个

中，我尝试了上述两个选项，对于第一种情况，我得到了错误：模块构建失败：错误：找不到模块“webpack/lib/web/FetchCompileWasmTemplatePlugin”。对于最后一种情况，我得到错误：找不到模块：错误：无法解析app/javascript/packs/home中的“./file.worker.js”。