从内联模块网络工作者导入相对路径不起作用

编程问答 2022-06-02

问题描述

我正在尝试在 Chrome 中实现模块工作器的基本示例，我正在遵循本指南，但我希望工作器内联。

https://web.dev/module-workers/#enter-module-workers

我有，worker 代码（math.js 是同一个文件夹中的一个文件）

import { add } from './math.js'

self.addEventListener('message',(event) => {
  const { a,b } = event.data

  const result = add(a,b)

  self.postMessage(result)
})

在我正在做的 javascript 中


// Create a blob for the inline worker code
const blob = new Blob([workerScript],{ type: "text/javascript" });

// Create worker
const worker = new Worker(window.URL.createObjectURL(blob),{ type: "module" });

// log the data received
worker.addEventListener("message",(event) => {
  document.write(event.data);
});

worker.addEventListener("error",(event) => {
  console.error(event);
});

// send a message
worker.postMessage({ a: 3,b: 5 });

但是我在控制台中收到一条错误消息。

我在本地和部署的服务器上都收到此错误。这是一个再现：

回购：https://github.com/marcofugaro/inline-module-web-worker-relative-path-test 在线：https://marcofugaro.github.io/inline-module-web-worker-relative-path-test/

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascriptmodulemodulepathpathweb-workerworkerworker