添加工作加载器时找不到模块错误

如何解决添加工作加载器时找不到模块错误

我正在开发我的 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。

解决方法

尝试更换

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