TypeScript报错：属性'duration'不存在于类型'{}'的解决咨询

针对你遇到的Property 'duration' does not exist on type '{}'错误，这里有几种实用的解决办法：

• 给meta定义明确的类型
  最规范的方式是提前给editItem.meta定义包含可选duration的类型，让TypeScript清楚属性的存在情况：

  interface Meta {
    duration?: number; // 根据实际数据类型调整，比如string
    // 其他需要的属性也可以在这里定义
  }
  
  interface EditItem {
    meta: Meta;
  }
  
  // 给editItem指定类型
  const editItem: EditItem = /* 你的数据赋值 */;
  

  定义后TS就能识别duration是可选属性，不会再报错。

• 用in操作符替代hasOwnProperty
  TypeScript能识别in操作符的类型收窄效果，直接修改判断条件即可：

  if ('duration' in editItem.meta && editItem.meta.duration) {
    // 你的业务逻辑
  }
  

  这种方式不用修改类型定义，快速解决报错。

• 临时类型断言
  如果不想改类型也不想换判断方式，可以用类型断言强制告诉TS属性可能存在：

  if ((editItem.meta as { duration?: number }).hasOwnProperty('duration') && editItem.meta.duration) {
    // 你的业务逻辑
  }
  

  注意这种方式不够严谨，仅适合临时快速解决。

• 自定义类型守卫函数
  对于复杂的类型判断场景，可以写一个类型守卫函数来精准判断：

  function hasDuration(meta: unknown): meta is { duration: number } {
    return typeof meta === 'object' && meta !== null 
      && 'duration' in meta 
      && typeof (meta as { duration: unknown }).duration === 'number';
  }
  
  if (hasDuration(editItem.meta)) {
    // 这里TS会自动识别meta包含duration属性
    console.log(editItem.meta.duration);
  }
  

内容的提问来源于stack exchange，提问作者Mr.Vibe