在 Web Worker 中使用模块脚本

Question

Worker实例化a 时会加载 Web Worker 脚本，但如何使用作为模块的脚本以免出现错误？（假设浏览器支持模块）。

const worker = new Worker('my-worker.js')

在 my-worker.js

import {foo} from 'foo.js'
console.log(foo)

Answer 1

使用type选项：

const worker = new Worker('my-worker.js', {type:"module"});

• type：ADOMString指定要创建的工作线程的类型。该值可以是classic或module。如果未指定，则使用的默认值是classic。