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' 拼法（如果支援）。當診斷回報解析後的鍵值，而不是來源運算式時，即表示完成。