web-worker - 在 web worker 中使用模块脚本

Question

Web worker 脚本在 Worker 实例化时加载，但我如何使用作为模块的脚本才不会出错？ (假设浏览器支持模块)。

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

在 my-worker.js

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

Answer 1

使用 type option :

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

• 类型:A DOMString指定要创建的 worker 的类型。该值可以是 classic 或 module。如果未指定，则默认使用 classic。