小编use*_*254的帖子

如何使用 webpack 的 worker loader 加载 web worker

我正在尝试使用 webpack 的 worker loader 将 web worker 脚本加载到我的 React 应用程序中。但是,我收到一个未找到模块的错误。

未找到 ./src/index.js 模块中的错误:错误:无法解析 'C:\Users\wyrm\Documents\Project\src' 中的 './file.worker'

这是我的 src/index.js,它是 webpack 的入口点

import React from "react";
import ReactDOM from "react-dom";
import Worker from "./file.worker";

const worker = new Worker();
worker.postMessage({ message: "Hello there" });

const Index = () => <div>Hello there General Kenobi!</div>;

ReactDOM.render(<Index />, document.getElementById("index"));
Run Code Online (Sandbox Code Playgroud)

我在 Project/public 文件夹中有名为 file.worker.js 的网络工作者脚本

/* eslint-env worker */

onmessage = e => {
  const message = e.data;
  console.log(`[From Main]: ${message}`);
};
Run Code Online (Sandbox Code Playgroud)

这是我的 webpack 配置文件: …

javascript reactjs webpack worker-loader

9
推荐指数
1
解决办法
9464
查看次数

标签 统计

javascript ×1

reactjs ×1

webpack ×1

worker-loader ×1