添加worker-loader时找不到模块错误

Question

我正在开发我的vue应用程序，并且我正在尝试添加worker-loader。这些是我跟随的停靠点。我用纱线添加了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。

Answer 1

尝试替换

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

使用此snippet from the docs

import Worker from "./file.worker.js";

const worker = new Worker();

worker.postMessage({ a: 1 });
worker.onmessage = function (event) {};

worker.addEventListener("message", function (event) {});

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

import Worker from 'worker-loader!./file.worker.js';

从这个StackOverflow Answer