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

Question

我正在开发我的 vue 应用程序，我正在尝试添加 worker-loader。这些是我跟随的站点。我使用 yarn 添加了 worker-loader。

yarn add worker-loader

main.js

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

环境.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