首页 > 解决方案 > typescript webworker onmessage handler错误

问题描述

我无法使用打字稿来编译下面的简单代码片段。即使我将参数 ev 设置为 MessageEvent 类型。

我尝试过使用 typescript 2.8.3 和 2.9.0。

错误信息

错误:(262, 22) TS2345: '(ev: any) => void' 类型的参数不可分配给'MessageEvent' 类型的参数。类型“(ev:any)=> void”中缺少属性“数据”。

代码片段

const worker = new Worker('./worker/render-worker.ts');
worker.onmessage((ev) => {
  console.log(ev.data);
});

tsconfig.json

{
  "compileOnSave": false,
  "compilerOptions": {
    "sourceMap": true,
    "inlineSourceMap": false,
    "inlineSources": false,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es6",
    "lib": [
      "es2017",
      "scripthost",
      "webworker",
      "dom"
    ]
  }
}

标签: typescriptweb-worker

解决方案


替换这个:

worker.onmessage((ev) => {
  console.log(ev.data);
});

有了这个:

worker.onmessage = (ev) => {
  console.log(ev.data);
};

推荐阅读