我正在尝试使用 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 配置文件: …