typescript TS1241:当作为表达式调用时,无法解析方法装饰器的签名

Question

我的测试代码如下:

function test(target: Object, propertyKey: string, descriptor: TypedPropertyDescriptor<any>) {
    return descriptor;
}

class Test {
    @test
    hello() {
    }
}

但编译器给我错误

Error:(33, 5) TS1241: Unable to resolve signature of method decorator when called as an expression.
 Supplied parameters do not match any signature of call target.

我已经指定:--experimentalDecorators --emitDecoratorMetadata

Answer 1

随着时间的推移，这个神秘的错误消息似乎有多个根本原因。截至 2019 年底，以下是我可以收集的信息：

• 该消息充其量是误导性的；该问题与解决签名的能力或缺乏签名无关。相反，它表示装饰器的打字问题。例如，以下代码在 处发出 TS1241 信号@f()，但不在 处发出信号@g()：

function f() {
    console.log("f(): evaluated");
    return function (targetClass: any, propertyKey: string, descriptor: TypedPropertyDescriptor<() => void>) {
        console.log("f(): called with " + arguments.length + " arguments");
    }
}

function g() {
    console.log("g(): evaluated");
    return function (target: any, propertyKey: string) {
        console.log("g(): called with " + arguments.length + " arguments");
    }
}

class C {
    @f()      // TypeScript signals TS1241 here
    @g()      // but not there
    method() { }
}

• 装饰器的调用约定及其类型取决于目标 JavaScript 方言。例如，运行上面的代码，{"compilerOptions": { "target": "ES3" } }结果是

  f(): 评估 main-2.js 行 1134 > eval:9:13
  g(): 评估 main-2.js 行 1134 > eval:15:13
  g(): 使用 2 个参数调用 main-2.js line 1134 > eval:17:17
  f()：使用 2 个参数调用

  （在 上试用代码时typescriptlang.org/play，首先在浏览器的开发人员工具中打开 JavaScript 控制台；然后单击运行）。
  另一方面，在"target": "ES5"结果下运行相同的代码

  f(): 评估 main-2.js 行 1134 > eval:9:13
  g(): 评估 main-2.js 行 1134 > eval:15:13
  g(): 使用 3 个参数调用 main-2.js line 1134 > eval:17:17
  f()：使用 3 个参数调用
  

  因此，在这种情况下，TypeScript 对@f()（以及@g()）完全满意。

因此，最简单的解决方法是假装第三个参数是可选的，即

function f() {
    console.log("f(): evaluated");
    return function (targetClass: any, propertyKey: string, descriptor?: TypedPropertyDescriptor<() => void>) {
        console.log("f(): called with " + arguments.length + " arguments");
    }
}

class C {
    @f()
    method() { }
}

在"target": "ES3"和下都成功进行了类型检查"target": "ES5"。

如果使用这种“欺骗”是特别重要的角流星，在这种情况下，你最肯定不希望与混乱"target"的环境tsconfig.json。

Answer 2

似乎TypeScript期望装饰器函数的返回类型为"any"或"void".因此,在下面的示例中,如果我们添加: any到最后,它最终会起作用.

function test(target: Object, 
              propertyKey: string, 
              descriptor: TypedPropertyDescriptor<any>): any {
    return descriptor;
}

Answer 3

使用 --target ES5 --emitDecoratorMetadata --experimentalDecorators

或使用以下配置:

{
  "compilerOptions": {
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "ES5"
  }
}