错误 TS2554：预期 2-3 个参数，但得到 1

Question

给定tsconfig.json，

{

    "compilerOptions": {

      "lib": ["es2015", "dom"]
    },
    "files": [
      "./project1/tstut.ts",
      "./project1/worker.ts"

    ]
  }

和folder structure

---

1)

对于下面的代码(./project1/tstut.ts)，

if(window.Worker){
  console.log('Workers are available');
}
....
let worker: Worker = new Worker('worker.js');
worker.postMessage('do some work')

如何解决以下打字稿错误？

Property 'Worker' does not exist on type 'Window'

2)

对于下面的工人代码（./project1/worker.ts），

self.addEventListener('message', (e) => {
    // console.log(e)
    if(e.data === 'do some work'){
        console.log('Worker is about to start some work');
        let count: number =0;
        for(let i: number=0; i<1000; i++){
            count += i;
        }
        self.postMessage({message:count});
    }

})

JS 允许语法self.postMessage({message: count})

https://github.com/Microsoft/TypeScript/issues/582

鉴于scenario 不适合我的情况。

如何解决postMessage() 的以下错误？正在运行tsc

Expecting 2-3 arguments, but got 1

Answer 1

Worker 并不依赖于 window 对象。

if (typeof(Worker) !== "undefined") {
    // Yes! Web worker support!
    // Some code.....
} else {
    // Sorry! No Web Worker support..
}

要解决您的 webworker postMessage 错误，请在 tsconfig 或以下使用“webworker”库

const ctx: Worker = self as any;
...
ctx.postMessage({message:count});

---

您的代码示例

tstut.js

if(typeof(Worker) !== 'undefined'){
    const worker = new Worker('worker.js');
    worker.postMessage('do some work');
    worker.addEventListener('message', function (e) {
        //console.log(e);
        console.log(e.data);
    });
}

worker.js（无需在此处检查工作人员支持）

const ctx: Worker = self as any;
ctx.addEventListener('message', (e) => {
    // console.log(e)
    if (e.data === 'do some work') {
        console.log('Worker is about to start some work');
        let count: number = 0;
        for (let i: number = 0; i < 1000; i++) {
            count += i;
        }
        ctx.postMessage({ message: count });
    }
})