打字稿 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

似乎 TypeScript 期望裝飾器函數的返回類型為“any”或“void”。 所以在下面的例子中，如果我們在末尾添加: any ，它最終會起作用。

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

Answer 2

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

或使用以下配置：

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

Answer 3

隨着時間的推移，這個神秘的錯誤消息似乎有多個根本原因。 截至 2019 年底，以下是我可以收集的信息：

• 該消息充其量是誤導性的； 該問題與解決簽名的能力或缺乏簽名無關。 相反，它表示裝飾器上的打字問題。 例如，以下代碼在@f()處發出 TS1241 信號，但不在@g()處@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" } }運行上面的代碼會導致

  \n f(): 評估 main-2.js 行 1134 > eval:9:13\n g(): 評估 main-2.js 行 1134 > eval:15:13\n g(): 使用 2 個參數調用 main-2.js line 1134 > eval:17:17\n f()：使用 2 個參數調用

  （💡當上嘗試代碼typescriptlang.org/play ，首先打開瀏覽器的開發者工具JavaScript控制台，然后單擊運行）。
  另一方面， 在"target": "ES5"下運行相同的代碼會導致

  \n f(): 評估 main-2.js 行 1134 > eval:9:13\n g(): 評估 main-2.js 行 1134 > eval:15:13\n g(): 使用 3 個參數調用 main-2.js line 1134 > eval:17:17\n f()：使用 3 個參數調用\n

  因此，在這種情況下，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 4

如果您正在使用，您也可能會收到此錯誤

() => {}

函數符號，切換到常規符號

函數（）{}

Answer 5

在 tsconfig 中添加此命令以使用裝飾器。

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

裝飾器功能應該是這樣的。

function(target: any, key: string, descriptor: PropertyDescriptor) {
const originalMethod = descriptor.value;
    descriptor.value = async function(...args: any) {
      try {
        const result = await originalMethod.apply(this, args);
        return result;
      } catch (error) {
         console.log(error)
      }
    };

    return descriptor;
  };