TypeScript属性装饰器报错：无法解析调用表达式的签名

问题原因 #

你写的是旧版实验性装饰器的属性装饰器签名，但TypeScript 5.6.3在当前配置下，对带有直接初始值的类字段，实际传递的是新版标准装饰器的ClassFieldDecoratorContext对象，导致参数类型不匹配，触发报错。

解决方案 #

方案1：继续使用旧版实验性装饰器 #

有两种调整方式：

• 修改字段初始化逻辑：把字段初始值移到constructor中，让TS按旧版属性装饰器规则处理：

const printMemberName = (target: any, memberName: string) => {
    console.log(memberName);
};
  
class Person {
  @printMemberName
  name: string;
  constructor() {
    this.name = "Jon";
  }
}

• 显式配置字段处理规则：在tsconfig.json的compilerOptions中添加useDefineForClassFields: false，强制TS使用旧版字段处理逻辑：

{
  "compilerOptions": {
    // 保留原有其他配置
    "experimentalDecorators": true,
    "useDefineForClassFields": false
  }
}

方案2：切换到新版标准装饰器（推荐） #

旧版装饰器是实验性特性，新版已纳入ECMAScript标准，稳定性更强：

1. 修改tsconfig.json，关闭旧版实验性装饰器并设置适配的目标版本：

{
  "compilerOptions": {
    // 保留原有其他配置
    "experimentalDecorators": false,
    "target": "ES2022" // 新版装饰器要求至少ES2022版本
  }
}

2. 更新装饰器函数为新版字段装饰器的签名：

const printMemberName = (value: undefined, context: ClassFieldDecoratorContext) => {
    console.log(context.name);
    // 无需修改初始值可直接返回；如需修改，返回对应处理函数
    return (initialValue: string) => initialValue;
};
  
class Person {
  @printMemberName
  name: string = "Jon";
}

内容的提问来源于stack exchange，提问作者tulipz123