如何解决属性装饰器

Question

@State

给出错误。错误就在这里。我该如何解决这个错误。我正在使用 typescript

5.4.5

版本。

我正在使用 vite-web 项目。这个文件在src目录下。如果你尝试 typescript playgorund 没问题。但我的 vite 项目出现错误

Unable to resolve signature of property decorator when called as an expression.
  The runtime will invoke the decorator with 3 arguments, but the decorator expects 2.ts(1240)
Decorator function return type is 'ClassAccessorDecoratorResult<unknown, unknown>' but is expected to be 'void' or 'any'.ts(1271)

function State<This, Return>(
  target: ClassAccessorDecoratorTarget<This, Return>,
  _context: ClassAccessorDecoratorContext<This, Return>
) {
  const result: ClassAccessorDecoratorResult<This, Return> = {
    get(this: This) {
      return target.get.call(this);
    },
    set(e: any) {
      // console.log(e)
      target.set.call(this, e)
    },
  };

  return result;
}

class GlobalStore {
  constructor() { }

  @State
  accessor username = 'test'

  setUsername(data: string): void {
    this.username = data
  }

  getUsername(): string {
    return this.username
  }
}

tsconfig.json

{
  "compilerOptions": {
    "target": "ES2020",
    "useDefineForClassFields": true,
    "module": "ESNext",
    "lib": ["ES2020", "DOM", "DOM.Iterable"],
    "skipLibCheck": true,

    /* Bundler mode */
    "moduleResolution": "bundler",
    "allowImportingTsExtensions": true,
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,

    /* Linting */
    "strict": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "noFallthroughCasesInSwitch": true,

    /* Decorators */
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true
  },
  "include": ["src"]
}

你可以在这里看到 -> https://stackblitz.com/edit/vitejs-vite-haafpu?file=src%2Fstore.ts

播放链接