Error message displays computed name '[attr]' instead of key value

🔎 Search Terms

computed property, error message

🕗 Version & Regression Information

• This is the behavior in every version I tried, and I reviewed the FAQ for entries about computed properties

⏯ Playground Link

https://tsplay.dev/WyV2bw

💻 Code

type Unit =
  | {
      name: string;
      stength: number;
    }
  | {
      name: string;
      magic: number;
    };

const createUnit = (
  name: string,
  attr: "strength" | "magic",
  power: number,
): Unit => {
  return attr === "strength"
    ? { name, [attr]: power } // <-- error here
    : { name, [attr]: power };
};

🙁 Actual behavior

Error message displays "Object literal may only specify known properties, and '[attr]' does not exist in type 'Unit'".

🙂 Expected behavior

Error message should display that "strength" doesn't exist on Unit. (and possibly even recommend "stength" instead)

Additional information about the issue

No response

在链接的 Playground 中复现 TypeScript 代码示例的诊断，并将实际的 '[attr]' 消息与预期的 'strength' 措辞进行比较。跟踪编译器中计算属性错误报告的路径，并为所示示例添加覆盖，包括建议的 'stength' 拼写（如果支持）。当诊断报告解析后的键值而不是源表达式时，即表示完成。