解决TS2339/TS2365：HorizontalBarChartObeya.vue类型属性不存在错误

• 检查组件内部类型声明
  确认自定义的data、props、methods成员是否正确声明类型：

  • Options API中，data需返回明确类型的对象，props要指定type字段，methods的参数和返回值需标注类型；
  • <script setup lang="ts">中，必须用defineProps/defineEmits定义组件的props和事件，避免直接在this上访问未声明的属性。

• 补全第三方图表库的类型依赖
  若错误出在图表实例属性访问上，检查是否安装了对应库的类型包：

  • ECharts：安装@types/echarts；
  • Chart.js：安装@types/chart.js；
    类型包版本需与图表库版本匹配，否则TS无法识别实例属性。

• 对比正常组件BarChart.vue的差异
  逐行对比两个组件的代码细节：

  • 脚本部分的TS写法是否一致（如是否同为<script setup>或类组件）；
  • 图表初始化逻辑、配置项的类型定义是否相同，是否给配置项指定了正确的接口；
  • 是否存在BarChart.vue中已声明但HorizontalBarChartObeya.vue缺失的全局类型扩展或局部类型声明。

• 类型断言临时修复（谨慎使用）
  若确认属性存在但TS无法识别，可通过类型断言强制指定类型：

  // 临时使用any类型快速规避
  (this.chartInstance as any).targetProperty
  // 若知道具体类型，优先使用精确类型
  (this.chartInstance as ECharts).targetProperty
  

• 检查全局类型声明
  若错误涉及全局挂载的属性，需在项目的类型声明文件（如src/vite-env.d.ts）中扩展全局类型：

  declare module '@vue/runtime-core' {
    interface ComponentCustomProperties {
      $yourGlobalProp: YourPropType;
    }
  }
  export {};
  

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