错误 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

工人不靠 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 });
    }
})

错误 TS2554：需要 2-3 个参数，但得到 1 个

error TS2554: Expected 2-3 arguments, but got 1

javascript

web-worker

typescript