【问题标题】:"Subsequent variable declarations must have the same type"“后续的变量声明必须具有相同的类型”
【发布时间】:2017-11-15 13:51:28
【问题描述】:

我正在关注此链接以使用 webworker-thread 启动示例节点 js 项目。 https://www.npmjs.com/package/webworker-threads

这是我的 ts 代码:

var Worker = require('webworker-threads').Worker;
// var w = new Worker('worker.js'); // Standard API 

// You may also pass in a function: 
var worker = new Worker(function(){
  postMessage("I'm working before postMessage('ali').");
  this.onmessage = function(event) {
    postMessage('Hi ' + event.data);
    self.close();
  };
});
worker.onmessage = function(event) {
  console.log("Worker said : " + event.data);
};
worker.postMessage('ali');

我收到此错误:

C:\...\node_modules\ts-node\src\index.ts:300
        throw new TSError(formatDiagnostics(diagnosticList, cwd, ts, lineOffset))
              ^
TSError: ⨯ Unable to compile TypeScript
server.ts (1,5): Subsequent variable declarations must have the same type.  Variable 'Worker' must be of type '{ new (stringUrl: string): Worker; prototype: Worker; }', but here has type 'any'. (2403)
server.ts (5,25): Argument of type '() => void' is not assignable to parameter of type 'string'. (2345)
server.ts (6,3): Supplied parameters do not match any signature of call target. (2346)
server.ts (7,3): 'this' implicitly has type 'any' because it does not have a type annotation. (2683)
server.ts (7,29): Parameter 'event' implicitly has an 'any' type. (7006)
server.ts (8,5): Supplied parameters do not match any signature of call target. (2346)
server.ts (12,29): Parameter 'event' implicitly has an 'any' type. (7006)
    at getOutput (C:\...\node_modules\ts-node\src\index.ts:300:15)
    at C:\...\node_modules\ts-node\src\index.ts:330:16
    at Object.compile (C:\...\node_modules\ts-node\src\index.ts:489:17)
    at Module.m._compile (C:\...\node_modules\ts-node\src\index.ts:382:43)
    at Module._extensions..js (module.js:579:10)
    at Object.require.extensions.(anonymous function) [as .ts] (C:\...\node_modules\ts-node\src\index.ts:385:12)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Function.Module.runMain (module.js:604:10)

【问题讨论】:

    标签: node.js typescript web-worker


    【解决方案1】:

    我不保证确实如此,但据我所知,您使用的是节点导入语法。如果您使用 typescript 进行编译,我可能会建议您使用 typescript 导入语法:

    import {Worker} from 'webworker-threads'
    

    或者,在您的 typescript 编译器配置文件集中:

    "allowJs":true
    

    这可能会启用节点语法。或者你也可以这样做:

    var Worker: any = <any>(require('webworker-threads').Worker);
    

    这可能会编译,但你会丢失类型信息。

    【讨论】:

    • 没问题,但是,如果我是你,我会考虑使用类似 webpack 的导入语法和/或找到一种方法来为你正在使用的包配置类型......因为否则你正在混合js 和 typescript 代码,如果你有一个非常大的代码库,这可能会变得混乱。
    猜你喜欢
    • 2018-04-18
    • 1970-01-01
    • 2017-07-14
    • 2016-11-07
    • 2019-09-04
    • 1970-01-01
    • 2016-04-11
    • 2020-09-11
    • 2017-10-23
    相关资源
    最近更新 更多